CSS属性属性!important
如何读取?
是really important
,exclamation mark important
,......?
答案:根据以下答案,它似乎只是简单地important
或bang important
。
答案 0 :(得分:55)
“!important”声明(分隔符“!”和关键字 “重要”遵循声明)优先于正常 声明。
http://www.w3.org/TR/CSS2/cascade.html#important-rules
基本上,两个样式规则相同......它会使标记为!important
的那个更重要,并将应用这些样式。
示例强>
div{
opacity:0 !important;
}
div.jason{
opacity:1;
}
即使第二个规则更具体(一个元素+一个类而不是一个元素),也会应用第一个规则
注意: IE6会忽略!important
,如果您有两个相同的属性,其中一个很重要 - 它将始终应用最后一个声明,无论是否被标记为重要。 **来自@BoltClock的评论如下。
警告: !important
是锤子,只有在绝对必要时才能使用。几乎总是,最好使用更具体的选择器来实现更高的特异性,并以您想要的方式应用您的样式。 !important
可能会使未来的开发人员很难找到并更改您的代码。
一个好用例: !important
非常适合用户定义的样式,用户希望在浏览器中以特定方式操作网站页面(比如说所有背景都是黑色,文字是黄色的)。无需担心特异性,用户可以为某些元素添加样式(如body
)并使样式呈现。
答案 1 :(得分:22)
答案 2 :(得分:7)
body { color: red !important; }
用英语表示“红色的文字颜色很重要”。
就CSS如何看待它而言,它对该声明应用了更多的“权重”,因此它(很可能)更有可能成为应用的样式。
有关此示例,我们可以使用
p { color: red; }
p.blue { color: blue; }
现在,任何p
类blue
都会显示蓝色文字,其他所有p { color: red !important; }
p.blue { color: blue; }
都会显示红色文字。
如果我们改变它...
blue
他们都会显示红色文字(即使他们有{{1}}类),因为我们给第一个选择器更重要。
答案 3 :(得分:2)
p { color: red !important }
我读作“段落的颜色为红色,这非常重要。
答案 4 :(得分:1)
我喜欢将其视为“不重要”。
p {
color: red !important; /* The rest is NOT important for this CSS property. */
}
意味着该声明中的所有其他内容并不重要,不应将其考虑在内。这个想法来自“!”的用法。字符作为布尔值而不是许多编程语言。这样!重要的是在你阅读它时有意义。