标签：
CSS hack：为解决浏览器兼容性问题，针对不同的浏览器写不同的CSS 代码的过程，就叫CSS Hack，hack主要针对IE浏览器
三种形式：
属性级hack：IE6识别_* ，IE7识别* ，FF两个都不识别
选择符级Hack：IE6识别*html ，IE7识别*+html或*:first-child+html
IE条件注释Hack（百度上可直接查到）：
针对所有IE：<!–[if IE]><!–您的代码–><![endif]–>
针对IE6及以下版本：<!–[if lt IE 7]><!–您的代码–><![endif]–>
书写顺序：FF——IE7——IE6
常用的CSS hack
/*属性级hack*/
color:red; /* 所有浏览器可识别*/
_color:red; /* 仅IE6 识别 */
*color:red; /* IE6、IE7 识别 */ 同理： +color *+color [color
color:red9; /* IE6、IE7、IE8、IE9 识别 */
/* 选择符级Hack */
*html #demo { color:red;} /* 仅IE6 识别 */
*+html #demo { color:red;} /* 仅IE7 识别 */
body:nth-of-type(1) #demo { color:red;} /* IE9+、FF3.5+、Chrome、Safari、Opera 可以识别 */
head:first-child+body #demo { color:red; } /* IE7+、FF、Chrome、Safari、Opera 可以识别 */
:root #demo { color:red9; } /* 仅IE9识别 */
只对 IE6：*html 识别 _ * ，在同一选择器中不识别!important
只对 IE7：*+html 识别 * !important，不识别 _
只对 IE67：@media screen\9{...}
只对 IE8：@media \0screen {...}
只对 IE678：@media \0screen\,screen\9{body {...}
只对 IE8910：@media screen\0 {...}
只对 IE910：@media screen and (min-width:0\0) {...}
只对 IE10：@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {...}
FF：识别!important，不识别 * _
_ IE6专有hack
\9 IE678910的hack
\0 IE8910的hack
\9\0 IE910的hack
标签：
原文地址：http://www.cnblogs.com/YYvam1288/p/4966633.html
