CSS-Hack

解决浏览器兼容问题（主要兼容 IE 浏览器）

1. 属性级 Hack

在 CSS 属性名前或属性值后添加特殊标识，使不同浏览器识别并应用对应样式。

• _（下划线）：仅 IE6 及以下识别
• *：仅 IE7 及以下识别
• \9：IE8+ 识别
• \0：IE8+ 及 Opera 15 以下识别

_color: red; /* 只在 IE6 及以下显示红色字体 */

2. 选择级 Hack

条件运算符说明：gt（大于）、gte（大于等于）、lt（小于）、lte（小于等于）。

• *html：仅 IE6 及更早版本识别

*html .box { background: red; } /* 只在 IE6 及以下显示红色 */

3. 条件 Hack

• 只有在 IE 中可以看到

<!--[if IE]>
    <p>只有在IE中才能看到我</p>
<![endif]-->

• 只有 IE6 以上版本，才能看到红色文本

<!--[if gt IE 6]>
<style>
.test { color: red; }
</style>
<![endif]-->

注意：IE10 及以上版本已将条件注释特性移除，上述写法不再生效。

4. !important

某些情况下需要为样式设置最高优先级，可以使用 !important 来解决。!important 声明的优先级高于行内样式。