KACK的处理方法
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/IE10 color:red!important IE7/IE8/IE9/IE10及其他非IE浏览器
人如代码,规矩灵活;代码如诗,字句精伦。