时间戳

首页 > 解决方案 > JSS：两次应用css属性

material-ui - JSS：两次应用css属性

问题描述

.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',
}

标签： material-uijss

解决方案

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

它将最后一个 css 属性应用于页面。在这种情况下， padding-bottom: 10px 将应用于 .fixedLayout 类

推荐阅读