龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > div+css/html >

总结CSS的优先级问题(CSS兼容浏览器)(2)

时间:2009-12-21 11:47来源:未知 作者:admin 点击:
分享到:
内联样式特殊性 内联样式以1开关,在通用的选择器它的优先级高于ID选择器,因此 li style="color:yellow;"一系列选项/li 将覆盖引入式及嵌入式的样式。 多c

内联样式特殊性

内联样式以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下正常!


精彩图集

赞助商链接