Reactjs 如何在覆盖主题中为类子级应用样式？

如何在覆盖主题中为类子级应用样式

我有这个密码

<button class="MuiButtonBase-root-359 MuiToggleButton-root-630 MuiToggleButton-selected-632" tabindex="0" type="button" value="1">
   <span class="MuiToggleButton-label-633">Jan</span>
   <span class="MuiTouchRipple-root-549"></span>
</button>

但运行后“标签”内的“选定”不被识别，只有“标签”为白色。已选择>标签无效

我对此进行了解释，但只发现css样式直接应用于组件或js代码

有什么方法可以做到这一点，还是最好采用旧的css（文件）方式

使用css文件可以完成这项工作

button[class*="MuiToggleButton-selected"]  span[class^="MuiToggleButton-label"]{
  color: #0000ff;
}

我感谢任何资源（书籍、教程等）为我提供更多关于这方面的知识

---

我发现了一个类似的问题

---

你能分享代码吗？对不起，代码更新了。

button[class*="MuiToggleButton-selected"]  span[class^="MuiToggleButton-label"]{
  color: #0000ff;
}

selected: {
   backgroundColor: '#a1b0e2a8 !important',
   '&>span': { // I need put > after &
      color: '#0000ff !important'
   }
},