ie6下面不支持!important的处理方法

例子:

  #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就按照下面的来执行了。

原文地址:https://www.cnblogs.com/jsingleegg/p/4626827.html