我正在使用 Materialize.CSS 框架,我正在覆盖我想要更改的大多数样式!我的样式表中的重要标记按预期工作,但某些元素样式不会被我的!important
标记覆盖
我检查了开发工具,看到默认样式框架正在应用于某些元素,如 card card-title 等。已经有!重要的标签应用于它,它可能覆盖我的important
或具有更高的优先级。
所以请告诉我如何解决这个问题。
[截图] [1]:https://i.stack.imgur.com/wVHgr.png
.grey-text.text-darken-2
和.grey-text
都具有!important
,但.grey-text.text-darken-2
特异性大于.grey-text
。more about that。
有两种方法可以解决这个问题:
将!important
添加到文件中稍后位置的同一 CSS 选择器中。
添加另一个具有更高特异性的 CSS 选择器,并对其应用!important
。
建议:总是建议添加一个小代码片段来解释你的问题。:D
如果你的!important
被另一个优先级更高的人覆盖,你总是可以优先考虑你的剪断一个更高的父母,比如body
例如,如果:
.container .label {color:red !important;}
是覆盖你写的同一行,添加这个 insteed:
body .container .label {color:red !important;}
此外,如果您使用id
(#)调用 css 类中的元素,它将覆盖由class
调用的相同属性,即使它位于工作表顺序之前
本站系公益性非盈利分享网址,本文来自用户投稿,不代表码文网立场,如若转载,请注明出处
评论列表(82条)