CSS Hack

CSS Hack利用css不同浏览器支持情况分别书写代码来解决兼容问题。

常用CSS Hack有：

1、条件hack

<!--[if <keywords>? IE <version>?]>
HTML代码块
<![endif]-->

2、属性hack(利用属性支持情况)

 

.test{
	color:#c30;          /* For Firefox */
	[;color:#ddd;];      /* For webkit(Chrome and Safari) */
	color:#090\0;        /* For Opera */
	color:#00f\9;        /* For IE8+ */
	*color:#f00;         /* For IE7 */
	_color:#ff0;         /* For IE6 */
}

3、选择符hack（利用选择符支持情况）

* html .test{color:#090;}       /* For IE6 and earlier */
* + html .test{color:#ff0;}     /* For IE7，IE6无法识别'+' */
.test:lang(zh-cn){color:#f00;}  /* For IE8+ and not IE */
.test:nth-child(1){color:#0ff;} /* For IE9+ and not IE */