例子:
#box {
color:red !important;
color:blue;
}
这个例子应该是大家经常见到的important的用法了,在IE6环境下,这行字是蓝色,在 IE7及firefox下,为红色。这是因为IE6不认important(即不认 !importmant 但是还是认!important前面的color:red),并且color:blue放在color:red的后面(后面的css定义覆盖了前面的 color:red),所以在IE6下字为蓝色;
.home{
margin-left:20px!important;
margin-left:40px;
}
那么在火狐、google浏览器以及IE7以上版本下将会按照20px来执行,而在IE6下却仍然按照40px来执行,因为IE6并不支
持!important规范,我们就可以按照这个规则来满足IE6的设计需要,什么时候发现IE6和其他浏览器显示效果不同,那么就设置两个,在上面的一
个加入!important标记,而下面的一句则不需要添加,这样IE6就按照下面的来执行了。