CSS 部分

(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)