Reactjs 如何更改react material ui表中标题的字体权重？

我已经尝试过覆盖“MuiTableCell头”，但它不起作用

`used makeStyles to overwrite .MuiTableCell-head`

const useStyles = makeStyles({
  test: {
    "& .MuiTableCell-head": {
      fontweight: 700,
    },
  },
});

 <TableCell className={classes.test} align="left">
   Date
 </TableCell>

`使用makeStyles覆盖.MuiTableCell头`
const useStyles=makeStyles({
测试：{
“&.MuiTableCell头”：{
重量：700，
},
},
});
日期

您的选择器

“&.MuiTableCell头”

编译为：

.makeStyles测试-[identifier].MuiTableCell头

但是，MUI类不是附加到嵌套元素，而是附加到自定义类的同一

th

元素。取而代之的是：

“&.MuiTableCell头”

然而，这里确实不需要增加特异性，因此您可以简单地使用：

const useStyles=makeStyles({
测试：{
重量：700
}
});

---

还要注意从

fontweight

到

fontweight

的更改。通过查看DevTools中的DOM结构和样式选项卡，这些问题相对容易调试。

您能否在控制台中共享应用或覆盖的样式？也许你需要添加一个！700后重要。