reactjs - 如何在反应和材料 ui 中访问更改组件内部项目的样式？

Question

如何访问组件子级的内部 css 类并向它们添加或更改样式？就像我想更改和自定义材料 ui 步进步骤圆圈字体大小和颜色等。

我怎样才能编写像下面这样的css类：

.stepper circle { 
  font-size:18px;
}

或者

.stepper .text {
  font-size:18px;
}

谢谢。

标签： reactjsmaterial-ui

Answer 1

感谢@spakmad 的回答，但这并不是我的意思，也许我的问题不够清楚。我的意思是如何以材料 ui 对象样式类格式（注入 withStyle HOC 的类）编写上述 CSS。

我找到了我的解决方案：

stepper:{
  '& circle':{
      fontSize: '18px'
    }
}

和

stepper: {
  '& .text': {
    fontSize: '18px'
  }
}