css !important

对于!important和它的用法你肯定不陌生。

!important是CSS2提出的，是提升指定样式规则的应用优先权。你可能看到或听说IE6不支持!important，可以用此方法来区分IE6和其他标准浏览器。但我要说的是：IE6支持!important属性，但存在bug。有什么bug呢？实验是最有力的证据，我们就来做实验证实一下。

我们拿以下XHTML代码并用color属性来做实验：

<h2>文字文字</h2>

给它加上颜色

h2{
color:#f00;
}

结果正是我们设置的那样。

设置如下属性：

h2{
color:#f00 !important;
color:#00f;
}

没错，正如你所知道的，这时IE6显示蓝色，而IE7和FF显示红色。查看结果

换个写法:

h2{
color:#f00 !important;
}
h2{
color:#00f;
}

这时你认为会是什么结果呢？是否仍认为在IE6里是蓝色呢？那你错了，这时IE6、IE7和FF都显示红色。查看结果

由此，我们可以得出：在IE6里，重复的属性写在同一对大括号里，后面的将会覆盖前面的，不管上面的属性是否加有!important声明；而写在不同的大括号里，它则会去认加有!important声明的那条属性。

[转：17CSS]