!important在CSS中是什么意思?

的CSS CSS

猿Mandy

2020-03-19

!importantCSS是什么意思?

CSS 2中可用吗?CSS 3?

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

第2352篇《!important在CSS中是什么意思?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

4个回答
小小Eva斯丁 2020.03.19

!important 是CSS1的一部分。

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

这意味着,类似于:

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

不能说更好。

飞云路易 2020.03.19

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

这是从低到高的优先级:

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

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

参考文献:

Stafan达蒙L 2020.03.19

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

Itachi老丝 2020.03.19

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

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

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

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

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

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

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android