IE6的“!important”的有效声明

前端开发人员经常会用到“!important”声明样式属性，来提升指定样式规则的应用优先权。很多人也喜欢使用这一特性来区分浏览器之间的兼容性差异，特别是IE6。然而，很少人知道IE6其实是支持这一特性的，只不过用法不同。先看下面的示例：

div {
    background: #000 !important;
    background: #f00;
}

以上代码的结果是IE6下为红色，其他浏览器为黑色。这也是原先认为IE6不支持“!important”的原因，久而久之，大家都使用hank来处理这一问题。

但是，如果改成这样定义样式：

div {

    background: #000 !important;

}
div {
    background: #f00;
}

结果发现以上代码在所有浏览器下都显示为黑色。所以，“!important”的声明IE6也是支持的，只是需要进行分块定义。如果写在一个规则“{}”中，IE6就会忽略“!important”，后面的定义会覆盖之前的。