JSS：两次应用CSS属性

Question

.fixedLayout {
    // clear epic styles
    padding-bottom: 0 !important;
    padding-bottom: var(--safe-area-inset-bottom) !important;
}

是否可以使用@ material-ui / core / styles进行相同设置？

这是无效的代码：

const styles = {
  paddingBottom: '0 !important',
  paddingBottom: 'var(--safe-area-inset-bottom) !important',
}

Answer 1

.fixedLayout {
    // clear epic styles
    padding-bottom: 0 !important;
    padding-bottom: 10px !important;
}