demo: .eq { color:#f00;/*标准浏览器*/ color:#f30\0;/*IE8,IE9,opera*/ *color:#c00;/*IE7及IE6*/ _color:#600;/*IE6专属*/ color:#090\0; /* For Opera */ color:#00f\9; /* For IE8+ */ [;color:#ddd;]; /* For webkit(Chrome and Safari) */
} :root .eq {color:#a00\9;}/*IE9专属*/ @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0){.eq {color:#450;}}/*opera专属*/ @media screen and (-webkit-min-device-pixel-ratio:0){.eq {color:#879;}}/*webkit专属*/ @-moz-document url-prefix(){ .eq {color:#4dd;}}/*firefox专属*/
_:选择IE6及以下。 *:选择IE7及以下。 \9:选择IE6+ \0:选择IE8+和Opera [;property:value;];: 选择webkit核心浏览器(Chrome,Safari)。IE7及以下也能识别。中括号内外的3个分号必须保留,第一个分号前可以是任意规则或任意多个规则 [;color:#f00;]; 与 [color:#f00;color:#f00;]; 与 [margin:0;padding:0;color:#f00;]; 是等价的。生效的始终是中括号内的最后一条规则,所以通常选用第一种写法最为简洁。
CSS属性Hack(前缀) 针对的浏览器_color:red; IE6及其以下的版本*color:red ; 或者 +color:red; IE7及其以下的版本CSS属性Hack(后缀) 针对的浏览器color:red\9; IE6/IE7/IE8/IE9/IE10版本color:red\0; IE8/IE9/IE10版本color:red\9\0; IE9/IE10color:red!important IE7/IE8/IE9/IE10及其他非IE浏览器