什么!在CSS中的重要意义？

Question

可能重复:
在CSS中使用"!important"有什么含义？
你如何阅读!在CSS中很重要？

!importantCSS 中的含义是什么？

它在CSS 2中可用吗？CSS 3？

它在哪里支持？所有现代浏览器？

Answer 1

它本质上意味着它所说的; "这很重要,忽略后续规则,任何通常的特殊性问题,都适用这条规则!"

在正常使用中,外部样式表中定义的规则被head文档中定义的样式否决,而该样式又被元素本身内的样式所取代(假设选择器具有相同的特异性).使用!important'attribute'(？)定义规则会丢弃关于覆盖'之前'规则的'后来'规则的正常问题.

此外,通常,更具体的规则将覆盖不太具体的规则.所以:

a {
    /* css */
}

通常被推翻:

body div #elementID ul li a {
    /* css */
}

由于后一个选择器更具体(并且通常,在找到更具体的选择器的位置(在head外部样式表中),它仍然会覆盖特定于较少的选择器(内联样式属性将始终覆盖'more-'或'less-'特定选择器,因为它总是更具体.

但是,如果您添加!important到特定于较少的选择器的CSS声明,它将具有优先级.

使用!important有其目的(虽然我很难想到它们),但它就像使用核爆炸阻止狐狸杀死你的鸡一样; 是的,狐狸会被杀死,但鸡也会被杀死.和邻居.

它还使调试CSS成为一场噩梦(来自个人,经验,经验).

Answer 2

!important规则是一种制作CSS级联的方法,但也包含您认为最重要的规则.无论CSS规则中出现哪个规则,都将始终应用具有!important属性的规则.

所以,如果你有以下内容:

.class {
   color:red !important;
}
.outerClass .class {
   color:blue;
}

具有重要性的规则将是应用的规则(不计算特异性)

我相信!important出现在CSS1中所以每个浏览器都支持它(IE4到IE6部分实现,IE7 +完整)

此外,这是你不想经常使用的东西,因为如果你和其他人一起工作,你可以覆盖其他属性.

混乱发生在`!`是某些语言中NOT的符号,但现在更清楚了. (13认同)
@ Si8 - 是的,因为这种混乱,我一直认为"他们"应该把它定义为"重要!",或者"重要!",而不是"!important".我想知道是否有人(谁可能会读到这个)知道为什么他们用前面的标点符号定义它？显然,现在改变它已经太晚了. (3认同)
我特别高兴你包含了使用`!important`的语法.CSS与其他语言的不同之处在于很容易忘记如何使用某些东西. (2认同)

Answer 3

!important 是CSS1的一部分.

支持它的浏览器:IE5.5 +,Firefox 1 +,Safari 3 +,Chrome 1+.

这意味着,像:

如果周围没有其他重要的东西,请使用我!

不能说它更好.

`!important`不仅限于Safari 3+; 它像所有其他非IE浏览器一样从一开始就支持它.IE从版本4开始就理解它,但它只支持从版本7开始无错误. (5认同)

Answer 4

当按原点排序时,它用于影响CSS级联中的排序.它与其他答案中所述的特异性无关.

以下是从最低到最高的优先级:

之后,仍然有一个手指在馅饼中的规则发生了特殊性.

参考文献:

Answer 5

它改变了css级联的覆盖优先级规则.请参阅CSS2规范.