web 开发笔记“CSS !important用法CSS样式使用优先级判断 ”

!important 具有优先权 
提升指定样式规则的应用优先权。 

示例：

.home{ 
margin-left:20px; 
margin-left:40px; 
} 
那么在执行的时候其实是按照40px来执行的，!important的出现就是为了让用户自己设置被执行语句的优先级。如果把上面的语句改为： 
.home{ 
margin-left:20px!important; 
margin-left:40px; 
} 
那么在火狐、google浏览器以及IE7以上版本下将会按照20px来执行，而在IE6下却仍然按照40px来执行，因为IE6并不支持!important规范，我们就可以按照这个规则来满足IE6的设计需要，什么时候发现IE6和其他浏览器显示效果不同，那么就设置两个，在上面的一个加入!important标记，而下面的一句则不需要添加，这样IE6就按照下面的来执行了。资深的CSSer说：如今的CSS处处!important。这可都是天杀的IE6惹的祸，大家说IE6就是一坨代谢产物一点也不为过。

 

那么在火狐、chrome、IE7+ 显示的