css有个默认的优先级顺序,如下:内联>id>类>元素选择器; 而通过js修改的样式相当于内联!important的作用是提高制定样式规则的应用优先权语法格式例如:div{color:red !im
css有个默认的优先级顺序,如下:内联>id>类>元素选择器; 而通过js修改的样式相当于内联
!important的作用是提高制定样式规则的应用优先权语法格式例如:
div{color:red !important}
在css中,通过对某一样式声明!important,就可以更改默认的css优先级规则,使该条样式属性声明具有最高优先级,相当于写在最下面。
需要注意的是,ie6不完全支持!important
.yuanxin { color:#e00 !important; color:#000;}
添加这个样式之后,在其他浏览器中显示字体为红色,因为添加了!important,因此优先级最高,不被后面的样式覆盖。但是在ie6却是显示黑色因为在同个{}下面定义!important不被ie6支持但是分开定义,ie6就有效例如:
.yuanxin{color:#e00 !important}.yuanxin{color:#000}
这样写的话,即使是ie6,显示的字体也是红色,也就是说分开定义,ie6才支持!important。