问答中心分类: CSS!important 在 CSS 中是什么意思?
0
匿名用户 提问 4天 前

做什么!important在 CSS 中是什么意思?
它在 CSS 2 中可用吗? CSS 3?
它在哪里支持?所有现代浏览器?

j08691 回复 4天 前

…尽可能避免的事情。

j08691 回复 4天 前

不重要。 (Web 开发人员笑话)。

j08691 回复 4天 前

随着在不久的将来引入 CSS 层,如果代码组织得当,这可以减少使用。

4 Answers
0
nicosantangelo 回答 4天 前

!important 规则是一种让你的 CSS 级联的方法,但也有你认为最重要的规则始终被应用。无论该规则出现在 CSS 文档中的什么位置,都将始终应用具有 !important 属性的规则。

因此,如果您有以下情况:

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

重要的规则将是应用的规则(不计算特异性)
我相信!important出现在 CSS1 中,所以每个浏览器都支持它(IE4 到 IE6 有部分实现,IE7+ 完整)
此外,它是您不想经常使用的东西,因为如果您与其他人一起工作,您可以覆盖其他属性。

BoltClock 回复 4天 前

IE4+,实际上,有 bug,最多 6 个。

Si8 回复 4天 前

混乱发生在!在某些语言中是 NOT 的符号,但现在更清楚了。

blainarmstrong 回复 4天 前

我特别高兴你包含了使用的语法!important. CSS 与其他语言有很大的不同,以至于很容易忘记如何使用某些东西。

Kevin Fegan 回复 4天 前

@Si8 – 是的,由于这种混淆,我一直认为“他们”应该将其定义为important!, 或者可能IMPORTANT!, 而不是!important.我想知道是否有人(可能会读到这篇文章)知道他们为什么用前面的标点符号来定义它?显然,现在改变它为时已晚。

0
Cyclone 回答 4天 前

!important是 CSS1 的一部分。
支持它的浏览器:IE5.5+、Firefox 1+、Safari 3+、Chrome 1+。
这意味着,类似于:
使用我,如果周围没有其他重要的东西!
不能说得更好。

BoltClock 回复 4天 前

!important不仅限于 Safari 3+;与所有其他非 IE 浏览器一样,它从一开始就支持它。 IE 从版本 4 开始就可以理解它,但它只支持从版本 7 开始无错误。

0
Fabian Barney 回答 4天 前

当按原点排序时,它用于影响 CSS 级联中的排序。它与其他答案中所述的特异性无关。
以下是从低到高的优先级:

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

这种特殊性发生在规则仍然参与其中。
参考:

Doomjunky 回复 4天 前

正如@fabian-barney 指出的那样!important是修饰符级联顺序 developer.mozilla.org/en-US/docs/Web/CSS/Cascade(参见表格)。

0
Don Roby 回答 4天 前

它更改了 css 级联覆盖优先级的规则。看CSS2 规范.