什么事！CSS中的重要意思？

什么是

！重要信息

CSS中的平均值

它在css2中可用吗？css3

---

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

从本质上讲，它意味着它所说的内容；“这很重要，忽略后续规则和任何常见的特殊性问题，应用此规则！”

在正常使用中，外部样式表中定义的规则会被文档的

标题中定义的样式所否决，而文档的
标题中定义的样式又会被元素本身中的内联样式所否决（假设选择器具有相同的特异性）。使用
定义规则！重要信息
“attribute”（？）放弃与覆盖“previous”规则的“later”规则相关的正常问题

此外，通常情况下，更具体的规则将覆盖不太具体的规则。因此：

a{
/*css*/
}

通常被以下内容推翻：

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

由于后一个选择器更具体（通常情况下，在哪里可以找到更具体的选择器并不重要（在
标题或外部样式表中），因此它仍然会覆盖不太具体的选择器（内嵌样式属性将始终替代特定于“更多-”或“更少-”的选择器，因为它总是更为特定

但是，如果将
！important
添加到不太特定的选择器的CSS声明中，则它将具有优先级

使用
！important
是有目的的（尽管我很难想象），但这就像用核爆炸来阻止狐狸杀死你的鸡一样；是的，狐狸会被杀死，但鸡也会被杀死。还有邻居

它还使调试CSS成为一场噩梦（从个人经验来看）。
！重要的
是CSS1的一部分

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

它的意思是，类似于：

如果周围没有什么重要的东西，就用我吧

再好不过了。
它更改了css级联的覆盖优先级规则。请参阅

重要的规则是一种使CSS级联的方法，但也有
你认为最重要的规则总是被应用的。一个已经被应用的规则
无论在何处，都将始终应用！重要属性
规则出现在CSS文档中

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

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

带有“重要”的规则将被应用（不计算在内）

我相信CSS1中出现了
！important
，所以每个浏览器都支持它（IE4到IE6部分实现，IE7+完整）

此外，这是您不想经常使用的东西，因为如果您与其他人一起工作，您可以覆盖其他属性。
当按原点排序完成时，它用于影响CSS级联中的排序。
它与其他答案中所述的特殊性无关

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

浏览器样式
用户样式表声明（不带！重要）
作者样式表声明（不带！重要）
！重要的作者样式表
！重要的用户样式表
在之后，对于仍在蛋糕中插手的规则，会发生特殊性

参考资料：




…尽可能避免的事情。可能的重复，也请参见：，不重要。（Web开发人员笑话）.
！important
不仅仅局限于Safari 3+；它从一开始就支持它，就像所有其他非IE浏览器一样。IE从第4版开始就理解它，但它只支持从第7版开始无bug。IE4+，实际上是有bug的，直到并包括第6版。混淆的发生是因为
！
在某些情况下是NOT的符号语言，但现在更清楚了。我特别高兴您包含了使用
！important
！的语法。CSS与其他语言有很大的不同，很容易忘记如何使用某些东西。@Si8-是的，由于这种混淆，我一直认为“他们”应该将其定义为
重要！
，或者可能是
重要！
，而不是
！重要
。我想知道是否有人（可能会读到这篇文章）知道他们为什么用前面的标点符号来定义它吗？显然，现在更改它已经太晚了。这对许多开发人员来说也是一个困惑，因为在许多编程语言中前缀！的意思不是。重要的一个目的是在GreaseMonkey脚本中，您故意覆盖其他人的CSS，这可能比你的。正式的W3是一个“规则”。至少它没有讽刺意味，说
重要！
（不重要）你写道：“在正常使用中，外部样式表中定义的规则会被文档头部定义的样式所推翻”。这是错误的。正如@fabian barney指出的
！important
是级联顺序的修饰符（参考见下表）。