【CSS】CSS hack



我们常用的浏览器有：IE6~IE11、Chrome、Mozilla Firefox、Safari、Opera、360等，由于不同浏览器内核对CSS的解析不同，会导致生成的页面效果不一样。所以我们用浏览器对CSS解析的优先级来书写 css hack。

一、IE浏览器支持的hack符号：

1、_exam:1px;-----------ie6

2、*exam::1px;-----------ie7

3、exam::1px\0;----------ie89

4、exam::1px\9\0;--------ie9

5、:root exam::1px;    ----ie9(实际情况可能ie9还是有问题，再用这种方式)

二、Firefox支持 的 Hack

@-moz-document url-prefix(

.exam-one{width:100px;color:#000}

)

三、 Chrome 支持的 Hack

@ media screen and(

.exam-one{width:200px;color:#333}

)

注意：浏览器对css的解析是按从前到后的顺序，生效的是最后一个样式声明。