!important在CSS中是什么意思?

!importantCSS是什么意思?

CSS 2中可用吗?CSS 3?

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

小小Eva斯丁2020/03/19 12:18:11

!important 是CSS1的一部分。

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

这意味着,类似于:

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

不能说更好。

飞云路易2020/03/19 12:18:11

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

这是从低到高的优先级:

  1. 浏览器样式
  2. 用户样式表声明(无!重要)
  3. 作者样式表声明(无!重要)
  4. 重要的作者样式表
  5. 重要的用户样式表

之后,规则仍然存在,但仍然存在特殊性。

参考文献:

Stafan达蒙L2020/03/19 12:18:11

它更改了CSS级联的优先级替换规则。请参阅CSS2规范

Itachi老丝2020/03/19 12:18:11

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

因此,如果您具有以下条件:

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

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

我相信!importantCSS1中已经出现了它,因此每个浏览器都支持它(部分实现的IE4至IE6,完整的IE7 +)

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