小编典典

我可以覆盖内联!重要吗?

css

如果你有

<div style="display: none !important;"></div>

有没有一种方法可以覆盖样式表中的内容以使其显示?

最好使用与此类似的东西:

div { display: block !important; }

阅读 290

收藏
2020-05-16

共1个答案

小编典典

首先让我说, 通常 可以 替换内联样式

.override {color:red !important;}​

<p style="color:blue;">I will be blue</p>
<p style="color:blue;" class="override">But I will be red</p>

[W3规范中对此行为进行了描述,其中!important声明声明不会改变特异性,而是 优先 于“正常”声明。

话虽这么说,但当冲突的规则都具有该!important标志时,特定性就决定要应用一个内联规则-这意味着对于OP的情况,无法覆盖 inline!important

2020-05-16