！important在CSS中是什么意思？

Question

!importantCSS是什么意思？

CSS 2中可用吗？CSS 3？

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

Answer 1

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

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

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

a {
    /* css */
}

通常被以下因素否决：

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

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

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

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

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