div{width:200px!important;}
div{width:180px;}
!important:表示某条属性(声明)具体最高的优化级,所以虽然看起来下面的把上方的属性覆盖了,但真正由于上面度200的优化级最高,所以最后div的宽还是200px
!important:IE7及以上、Firefox都支持,但IE6不支持,所以下面的属性会把上面的覆盖,即在IE6宽显示为180px
设置此项主要的目的就是为了达到在各种及各版本的浏览器之间兼容,这里如果考虑周全的话还需对IE7及FF进行区别了
!important表示高优先级。
IE6浏览器不认识!important。
举例:
正常情况下,写在下面的样式优先级高于上面的样式
demo1{
color:red;
color:green;/*绿色的优先级高于红色,所有浏览器都会显示绿色*/
}
加了!important那么它的优先级会比较高,ie6比较傻,不认识。
demo2{
color:red!important;/*除了ie6,其他浏览器会认为红色优先级高,显示红色字体*/
color:green;/*ie6浏览器则顺序读取css所以显示绿色*/
}
但是注意,IE6不认识!important的优先级,但并不代表IE6不认识带!important的样式属性。
demo3{
color:red;
color:green!important;/*包括IE6,所有浏览器都显示绿色字体,ie6只是不认识优先级罢了*/