css hack

一只妖娆

hack很占用内存，所以一直很少用。最近面试发现这个知识点考的还是很多，所以总结一下。应付一下接下来的面试：
background-color:blue; 各个浏览器都认识，这里给firefox用； background-color:red\9;\9所有的ie浏览器可识别； background-color:yellow\0; \0 是留给ie8的，最新版opera也认识，后面自有hack写了给opera认的，所以，\0我们就认为是给ie8留的； +background-color:pink; + ie7定了； _background-color:orange; _专门留给神奇的ie6； :root #test { background-color:purple\9; } :root是给ie9的，网上流传了个版本是 :root #test { background-　color:purple\0;}，这个，新版opera也认识，所以经笔者反复验证最终ie9特有的为:root 选择符 {属性\9;} @media all and (min-width:0px){ #test {background-color:black\0;} } 这个是老是跟ie抢着认\0的神奇的opera，必须加个\0,不然firefox，chrome，safari也都认识。。。 @media screen and (-webkit-min-device-pixel-ratio:0){ #test {background-color:gray;} }最后这个是浏览器新贵chrome和safari的。