test

上面這段代碼大家可以直接copy出來，保存成html在各瀏覽器試試。下面我來分析下： background-color:blue; 各個(gè)瀏覽器都認(rèn)識，這里給firefox用；
background-color:red\9;\9所有的ie瀏覽器可識別；
background-color:yellow\0; \0 是留給ie8的，但筆者測試，發(fā)現(xiàn)最新版opera也認(rèn)識，汗。。。不過且慢，后面自有hack寫了給opera認(rèn)的，所以，\0我們就認(rèn)為是給ie8留的；
+background-color:pink; + ie7定了；
_background-color:orange; _專門留給神奇的ie6；
:root #test { background-color:purple\9; } :root是給ie9的，網(wǎng)上流傳了個(gè)版本是 :root #test { background-color:purple\0;}，呃。。。這個(gè)。。。，新版opera也認(rèn)識，所以經(jīng)筆者反復(fù)驗(yàn)證最終ie9特有的為:root 選擇符 {屬性\9;}
@media all and (min-width:0px){ #test {background-color:black\0;} } 這個(gè)是老是跟ie搶著認(rèn)\0的神奇的opera，必須加個(gè)\0,不然firefox，chrome，safari也都認(rèn)識。。。
@media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} }最后這個(gè)是瀏覽器新貴chrome和safari的。