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”,后面的定义会覆盖之前的。

posted @ 2011-03-21 15:10  nicolaszhao  阅读(...)  评论(... 编辑 收藏