Material UI：嵌套组件样式覆盖未应用答案

【问题标题】：Material UI: Nested component style override not applyingMaterial UI：嵌套组件样式覆盖未应用
【发布时间】：2019-04-15 07:25:44
【问题描述】：

我是 JS 中的 CSS 的新手，我对 Material UI 中的组件样式有些困惑——特别是如何覆盖嵌套元素样式。我一直在关注 the official docs，但它没有帮助。

在我设置的样式对象中：

listItemText: {
  fontSize: 0.8,
  color: '#ccc'
},
span: {
  fontSize: 0.8,
  color: '#ccc'
}

组件看起来像：

<ListItemText
  primary={text}
  classes={{
    root: classes.listItemText,
    span: classes.span
  }}
/>

正如您在下面链接的演示中所见，字体大小和颜色被应用到父组件，而不是嵌套跨度。如何在跨度上应用它？

【问题讨论】：

【解决方案1】：

我想通了。每个组件都有自己的 CSS API...

如果记录得更清楚会更好。

<ListItemText
  primary={obj.label}
  classes={{
    root: classes.listItemText,
    primary: classes.listItemText
  }}
/>

【讨论】：