使用!重要!而不是!在CSS中很重要?

时间:2013-08-16 20:11:32

标签: html css

我们知道!important hack是如何工作的,如下所述。

CSS:

p {
    color: red !important;
}
#para {
    color: green;
}

HTML:

<p id="para">Text will be in RED.</p>

即使ID选择器具有更高的特异性,段落也将以红色显示。 !important规则会覆盖该特定属性。

我的问题是!important!(领先的尾随感叹号)是做什么的?

我已尝试在!important!中使用CSS,但我找不到任何差异。

1 个答案:

答案 0 :(得分:4)

找到它:

http://www.webdevout.net/css-hacks#unrecommended-important_exclam

这是一个不推荐的黑客。

从以上链接:

IE 7中未修复的!important标识符的另一个问题是在标识符之后处理非字母数字字符。通常,这会导致属性失败,但Internet Explorer 7及以下版本忽略了额外的标点符号并应用该属性,就好像它只有!important标识符一样。

!重要!标识符允许在IE 7及更低版本中应用该属性,并且该属性不适用于其他浏览器。它可能会或可能不会在未来的版本中工作。警告:这使用无效的CSS!