材质用户界面：嵌套的组件样式覆盖不适用

Question

我是JS中CSS的新手，但是我对Material UI中的组件样式有些犹豫，尤其是如何重写嵌套元素样式。我一直在关注t he official docs，但没有帮助。

在我设置的样式对象中：

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

该组件看起来像：

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

正如您在下面的演示中看到的那样，字体大小和颜色将应用于父组件，而不是嵌套跨度。如何在跨度上应用它？

Answer 1

我知道了。每个组件都有自己的CSS API ...

最好对此进行更清晰的记录。

Round({yourNumber}, -2)

https://material-ui.com/api/list-item-text/