CSS样式优先级与IE6浏览器兼容性解析-优快云博客

本文深入探讨CSS优先级规则，并通过实例展示了如何在IE6浏览器下应用!important属性。同时，介绍了IE6、IE7、IE8及Firefox等不同浏览器的兼容模式写法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


(1)  "_"  只有IE6识别;  "+" 只有IE7识别； "*" 只有IE6和IE7能识别；

"*"　IE6、IE7可以识别.IE8、Fire Fox不能. 　
"_"　IE6可以识别,IE7、IE8、Fire Fox不能. 
+background-color: pink; + ie7定了； 　
_background-color: orange; _专门留给神奇的ie6； 


各浏览器兼容模式的写法：
IE6 hack
　　_background-color:#CDCDCD; /* ie 6*/
	 background-color: #CDCDCD;
IE7 hack
　　+background-color:#dddd00; /* ie 7*/
IE6 & IE7
	*background-color:#f00;/*ie 6/7*/
IE8 hack
　　background-color: red \0; /* ie 8/9*/
IE9 hack
　　:root .class{ background-color: orange\9; } /* IE9 */

(3)  样式优先级问题：

另再补充下css的优先级，一个标签选择器1分，一个类选择器10分，一个id选择器100，一个行内样式1000，！important就当无限分。

另外补充一个实例：
CSS代码：
#idA{font-size:20px}
.classA{ font-size: 12px !important; }
HTML代码：
<div id=“idA” class=“classA”>我要12像素的字</div>
大家可以在IE6下测试一下，文字是12像素的，也就是.classA{ font-size: 12px !important; }被引用了，这证明IE6是支持!important的。

但是css hack中用!important来区分ie6，说ie6不支持!important又是怎么回事呢？(转载请注明出处：WEB前端开发 http://www.css88.com/)
原来ie6下，在同一个选择器样式（即同一个大括号里面）下!important是无效的，例如：
css代码：
.classA{ font-size: 68px !important; font-size: 12px }

CSS 部分