CSS Hack 是什么？了解一下！

CSS hack是一种通过在CSS样式中加入一些特殊的符号，让不同的浏览器识别不同的符号，以达到应用不同的CSS样式的目的。

CSS hack的原理是由于不同厂商的浏览器或某浏览器的不同版本（如IE6-IE11，Firefox/Safari/Opera/Chrome等），对CSS的支持、解析不一样，导致在不同浏览器的环境中呈现出不一致的页面展现效果。这时，我们为了获得统一的页面效果，就需要针对不同的浏览器或不同版本写特定的CSS样式，这个过程就是CSS hack。

CSS hack的例子包括：

属性前缀法（即类内部Hack）：例如 IE6能识别下划线“_”和星号“”，IE7能识别星号“”，但不能识别下划线“_”，IE6~IE10都认识“\9”，但firefox前述三个都不能认识。

选择器hack：选择器hack主要是针对IE浏览器，并不常用，语法如下： selector{ sRules }。针对IE9的hack可以这么写：root .test { background-color:green; }。

HTML头部引用：HTML头部引用比较特殊，类似于语句，只能使用在HTML文件里，而不能在CSS文件中使用，并且只有在IE浏览器下才能执行，这个代码在非IE浏览下非但不会执行该条件下的定义，而是当做注释视而不见。

以下是一个CSS hack的例子，用于区分IE6和Firefox两种浏览器：

对于IE6，设置背景色为红色：

div {

  _background-color: red; /* for IE6 */

}

对于Firefox，设置背景色为绿色：

div {

  background-color: green; /* for Firefox */

}

请注意，CSS hack是一种权宜之计，用于解决浏览器兼容性问题。在现代网页设计中，应该优先考虑使用标准化的CSS代码，以确保跨浏览器的兼容性。