！important在CSS中是什么意思？

!importantCSS是什么意思？

CSS 2中可用吗？CSS 3？

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

从本质上讲，它的意思是说。“这很重要，请忽略后续规则，以及所有常见的特异性问题，请应用此规则！”

在正常使用中，外部样式表中定义的规则被head文档中定义的样式所取代，而样式本身又被元素本身内的内联样式所取代（假设选择器的特异性相同）。用!important“属性”（？）定义规则将放弃关于“后继”规则优先于“较早”规则的担忧。

同样，通常，更具体的规则将覆盖不太具体的规则。所以：

a {
    /* css */
}

通常被以下因素否决：

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

由于后一个选择器更具体（通常，在哪里找到更具体的选择器（在head或外部样式表中）无关紧要，它仍将覆盖次要选择器（行内样式属性将始终覆盖“更多”或“更少”的特定选择器，因为它总是更具体。

但是，如果您将添加!important到次特定选择器的CSS声明，则它将具有优先级。

使用!important有其目的（尽管我很难想到它们），但这很像使用核爆炸来阻止狐狸杀死您的鸡。是的，狐狸将被杀死，鸡也将被杀死。和邻里。

这也使调试CSS成为一场噩梦（从个人，经验和经验来看）。

！important规则是使CSS级联的一种方法，但也要始终应用您认为最关键的规则。具有！important属性的规则将始终应用，无论该规则出现在CSS文档中的什么位置。

因此，如果您具有以下条件：

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

具有重要意义的规则将是适用的规则（不包括特异性）

我相信它!important出现在CSS1中，因此每个浏览器都支持它（部分实现的IE4至IE6，完整的IE7 +）

另外，您也不想经常使用它，因为如果您与其他人一起工作，则可以覆盖其他属性。

!important 是CSS1的一部分。

支持它的浏览器：IE5.5 +，Firefox 1 +，Safari 3 +，Chrome 1+。

这意味着，类似于：

如果周围没有其他重要的事情，请使用我！

不能说更好。

按原点排序后，它会影响CSS级联中的排序。它与其他答案中所述的特异性无关。

这是从低到高的优先级：

1. 浏览器样式
2. 用户样式表声明（无！重要）
3. 作者样式表声明（无！重要）
4. 重要的作者样式表
5. 重要的用户样式表

在此之后，规则仍然需要专门说明。

参考文献：

• http://www.w3.org/TR/CSS2/cascade.html#cascade
• https://russmaxdesign.github.io/maxdesign-slides/02-css/207-css-cascade.html

它更改css级联的覆盖优先级的规则。参见CSS2规范。