IE6 : "*"_“下划线格 :myclass {_background:red;}
"*"星号:格式:.myclass{*background:red;}
IE7 : "*“星号格式:.myclass{*background:red;}
*+html 格式: *+html .myclass{background:red;}
+ 格式: .myclass{+background: red;}
!important 格式: .myclass{background:red !important;}
IE8 : /0 格式:.myclass{background:red/0;}/*是留给ie8的,最新版Opera也认识,后面自有hack写了给opera认的,所以,/0我们就认为是给ie8留的;*/
IE9 : /9/0 è格式:.myclass{background:red/9/0;}
:root加/9 è格式::root .myclass{background:red/9;}
IE10 : @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10-specific styles go here */}
Firefox : @-moz-document url-PRefix() { .font1 {color:red} } /*针对Firefox浏览器的写法*/
Opera :@media all and (min-width:0px){ #test {background-color:black/0;} } 这个是老是跟ie抢着认/0的神奇的opera,必须加个/0,不然firefox,Chrome,safari也都认识。。。
chrome/Safari : @media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} }最后这个是浏览器新贵chrome和safari的。
总结: 1、IE6、IE7都支持 *,但IE8终于回归正统,放弃了对*的支持
2、IE7、IE8、Firefox、Opera、Safari都支持!important
3、浏览器优先级别:FF<IE7<IE6,CSS hack,遵循书写顺序一般为FF IE7 IE6
4、 ie9的hack目前ie10也适合
新闻热点
疑难解答