css - `JSS` で `CSS` ネストされたルールを実装するには?

Question

Material-UIまたは一般的cssにクラスの入れ子を操作する方法を知りたいですか? 私は以下のようにしようとしています。JSS

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

Answer 1

JSXのような

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

あなたが使用することができます:

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

Material UI コンポーネントでデフォルトの JSS スタイルをオーバーライドする場合は、ネストされたクラスをターゲットにすることが役立ちます。