reactjs - 如何在 React 和 Material UI 中访问更改组件内部项目的样式？

Question

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

我怎样才能像下面那样编写 css 类:

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

或

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

谢谢。

Answer 1

感谢@spakmad 的回答，但我不是这个意思，可能是我的问题不够清楚。我的意思是如何以 material ui 对象样式类格式(使用 withStyle HOC 注入(inject)的类)编写上述 CSS。

我找到了我的解决方案:

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

和

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