css hack总结

很短很短。。但是很重要很重要。

浏览器优先级别:   FF < IE7 < IE6 ，CSS hack书写顺序一般为FF IE7 IE6

以: " #demo" 的样式为例; 　　

#demo {width:100px; height:100px;border:1px blue solid \0}/*被FIREFOX,IE6,IE7执行.*/

* html #demo {width:100px; height:150px;border:3px green dotted }/*会被IE6执行,之前的定义会被后来的覆盖,所以#demo的宽度在IE6就为120px; */

*+html #demo {width:100px; height:300px;border:1px red solid \9} /*会被IE7执行*/

 

"\0"IE8识别，IE6、IE7不能,"\0""\9"可以区别所有IE和FireFox.

---------------

所以最后,#demo的高度和边框在三个浏览器的解释为:

FF和谷歌：100px； 没有边框

ie6：150px；绿色，3像素的虚线边框

ie7：330px；红色，1像素的实线边框

ie8和ie9：100px;蓝色，1像素的实线边框