ie6 !important小结

网上很多文章说ie6是不认!important的,不过后来发现有些问题,于是自己实验了一下:




	



	

.first{color:red!important;}

.second{color:red!important;color:blue;}

.third{color:green;color:red!important;}

.forth{color:red!important;}
.fifth{color:black;}

.sixth{color:red;}
.seventh{color:blue!important;}

.eighth{color:red!important;}
.eighth{color:blue!important;}

结果图:
结果

可以看到,除了第二个,其余的!important全部有效

小结:IE6 下是可以使用 !important 的,但相同选择器内如果 !important 不是写在最后,则 !important 失效。相同元素的不同选择器下,单独定义同一个属性的值,不管选择器的顺序如何,!important 仍然会生效。

可以利用这个特性区分ie6和其它浏览器
.hello{
height:10px !important; //ff,chrome等
height:20px; //ie6
}

2 Responses

  1. dreamforce说道:

    一般来说,IE6与IE7,IE与FF下的Hacker需要特别注意,可惜记忆力不好,每次写Hacker都要查一下。。