css - 如何在`JSS`中实现`CSS`嵌套规则？

Question

我想知道如何在Material-UI或一般情况下使用css类嵌套？我正在尝试如下。JSS

    card: {
      cardHeader:{
         marginTop:"30px"
      }
    }

标签： cssmaterial-uijss

Answer 1

对于像 JSX

<div className={classes.card}>
  <div className={classes.cardHeader}></div>
</div>

您可以使用：

card: {
  '& $cardHeader': {
      marginTop: 30,
  }
}

如果您覆盖 Material UI 组件中的默认 JSS 样式，则定位嵌套类会很有帮助。