总结CSS的优先级问题(CSS兼容浏览器)(2)
内联样式特殊性
内联样式以1开关,在通用的选择器它的优先级高于ID选择器,因此
<li style="color:yellow;">一系列选项</li>
将覆盖引入式及嵌入式的样式。
多class样式的特殊性
顽固的ie6居然支持多class样式,令我大跌眼睛。形如<div class="left page"></div>在解析时两个class相应的样式都会同时起作用,相同的样式后一个class的优先。
<style type="text/css">
li{color:gray;}
.a{color:red; font-style:italic;}
.b{color:blue;}
</style>
</head><body>
<ul>
<li class="a b">一系列选项</li>
</ul>
</body>效果如下
ie8下
ie6下正常!