浅谈各种浏览器下的CSS Hack兼容性写法

下面是针对“浅谈各种浏览器下的CSS Hack兼容性写法”的完整攻略：

1. 关于 CSS Hack 的概念

CSS Hack 是一种绕过浏览器 CSS 标准解析引擎限制的特定 CSS 代码技巧，用于解决浏览器兼容性问题。由于各种不同的浏览器标准解析引擎会因为对 CSS 的支持不同而产生解析偏差，因此 CSS Hack 的技巧也会有所不同。

2. 浅谈各种浏览器下的 CSS Hack 兼容性写法

在下面的章节中，将分别介绍浏览器下常用的 Hack 写法及其代码示例：

2.1 IE6/IE7 的 Hack 写法

2.1.1 _ 写法

.selector {
    _color: red;
}

2.1.2 * 写法

.selector {
   *color: red;
}

2.1.3 !important 写法

.selector {
   color: red !important;/*只适用于IE浏览器*/
}

2.2 IE6/IE7/IE8 的 Hack 写法

2.2.1 IE6、7 兼容性通用 Hack

.selector {
    color: blue\9;
}

2.2.2 IE8 兼容性 Hack

.selector {
    color: blue\0;
}

2.3 IE6-IE9 的 Hack 写法

2.3.1 IE6-IE9 兼容性通用 Hack

.selector {
    color: green\9\0;/*IE6-9均支持*/
}

2.3.2 IE8 兼容性 Hack

.selector {
    color: green\9;/*只适用于IE8*/
}

2.3.3 IE9 兼容性 Hack

@media screen and (min-width:0\0) { /*只适用于IE9*/
   .selector {
       color: green;
   }
}

2.4 Firefox 浏览器的 Hack 写法

@-moz-document url-prefix() {
    .selector {
        color: purple;
    }
}

2.5 Chrome/ Safari 浏览器的 Hack 写法

@media screen and (-webkit-min-device-pixel-ratio:0) { /*只适用于Chrome和Safari*/
    .selector {
        color: orange;
    }
}

3. 总结

通过上述介绍，我们分别详细介绍了各种浏览器下常用的 CSS Hack 兼容性写法。虽然这些写法可以很好地解决浏览器兼容性问题，但是推荐开发者尽量避免使用 Hack，因为它们可能会带来诸多意想不到的负面影响。更好的解决方式是通过使用兼容性更好的 CSS3 属性、JS 脚本、polyfill 插件等手段进行兼容性处理。