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像素的实线边框

一只喜欢烘焙的IT喵星人
原文地址:https://www.cnblogs.com/CherryGhost/p/2101134.html