如何指定样式表在文档中的显示顺序？

时间：2018-03-08 18:37:10

标签： material-ui

我有几个样式组件，使用withStyles HOC导出它们，但我不能覆盖一些规则，因为jss将mui样式表的顺序与我的组件的样式表混合。

如何将我的风格推到最后？

enter image description here

2 个答案:

答案 0 :(得分：5)

我和我的团队也偶然发现了这一点，我们设法找到了解决方案。显然， withStyles 使用一个 option 对象作为参数。因此，为了解决此问题，您需要传递值 1 的参数 index 。所以，你得到的是这样：

withStyles(styles, {index: 1})(yourComponent)

答案 1 :(得分：0)

这是材料UI库文档中的here。

  

CSS注入订单
  Material-UI为组件样式注入的CSS具有最高的特异性，因为在<link>的底部注入<head>以确保组件始终正确呈现。

     

但是，您可能还想覆盖这些样式，例如使用样式化组件。如果您遇到CSS注入订单问题，JSS提供了一种机制来处理这种情况。通过调整HTML头中insertionPoint的位置，您可以控制CSS规则应用于组件的顺序。

基本上，您创建一个注入点，然后让JSS使用它来插入样式的位置。这样做的选项包括创建HTML注释，创建HTML元素，以及使用Javascript在HTML中创建注释（因为create-react-app剥离生产中的注释）

相关问题
最新问题