如何更改 React 和 Material ui 中组件内部项目的样式？

Question

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

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

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

或者

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

谢谢。

Answer 1

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

我找到了我的解决方案：

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

和

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