你如何阅读!在CSS中很重要?

时间:2011-09-10 02:26:02

标签: css terminology

CSS属性属性!important如何读取?

really importantexclamation mark important,......?

答案:根据以下答案,它似乎只是简单地importantbang important

5 个答案:

答案 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)

只是“重要”“很重要。”在这种情况下,!绝对不是否定。


这不是标签,而是keyword

答案 2 :(得分:7)

body { color: red !important; }用英语表示“红色的文字颜色很重要”。

就CSS如何看待它而言,它对该声明应用了更多的“权重”,因此它(很可能)更有可能成为应用的样式。

有关此示例,我们可以使用

p { color: red; }
p.blue { color: blue; }

现在,任何pblue都会显示蓝色文字,其他所有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. */
} 

意味着该声明中的所有其他内容并不重要,不应将其考虑在内。这个想法来自“!”的用法。字符作为布尔值而不是许多编程语言。这样!重要的是在你阅读它时有意义。