Material ui 将CSS应用于排版材料UI

我试图将css应用于排版元素，但它没有任何作用；我在另一个div元素上尝试了相同的css，它可以工作，但它根本不适用于排版。 这是我的排版元素：

<Typography
  variant="title"
  classname={classes.detailTitle}
>
   Details:
</Typography>

---

有什么线索吗？

你的html排版有一个轻微的排版错误，它需要在你有className的地方说className。这是特定于react的，有关更多信息，请查看此处

您可以使用材质UI组件的

类

属性来设置其样式。 检查这一页

例如：

const useStyles=makeStyles（（主题）=>({
h3：{
fontSize:'48px'，
重量：'600'
},
})
)
const TextComp=（道具）=>{
常量类=useStyles（）
返回(
{header}
)
}

就是这样……很好！非常感谢，花了很多时间寻找解决方案；我以为是元素的原因没问题，祝你好运@Marcelo可能会尝试使用更好的编辑器lol。通常像

VSCode

这样的编辑器会捕捉到这些类型的打字错误。

detailTitle: {
        textDecoration: 'underline'
    }