考虑一下:
#div p {
color: red !important;
}
...
#div p {
color: blue;
}
我理解!important
是如何工作的。在这种情况下,div将呈现红色,因为它现在具有优先级(!important
)。但我还是找不到合适的场合来使用它。有没有!important
拯救世界的例子?
发布于 2011-04-18 17:57:45
覆盖样式属性
在示例中,假设您无法更改HTML源代码,只能提供一个样式表。一些粗心大意的人直接在元素上添加了一种风格(嘘!)
div { background-color: green !important }
<div style="background-color:red">
<p>Take that!</p>
</div>
在这里,!important可以覆盖内联CSS。
发布于 2011-04-18 17:58:13
当您没有其他方法来增加CSS选择器的特异性时,通常使用!important。
因此,一旦另一个CSS规则已经涉及到Ids、继承路径和类名,当您需要覆盖该规则时,您需要使用'important‘。
发布于 2011-04-18 18:04:39
当我需要覆盖一些使用“!important
”属性的JavaScript“插件”(如广告、横幅等)生成的HTML样式时,我必须使用样式。
所以我猜你可以在你不能控制CSS的时候使用它。
https://stackoverflow.com/questions/5701149
复制相似问题