作为一个网站前端必须考虑网站对不同浏览器的兼容性。

   CSS Hack大致有3种表现形式：CSS类内部Hack、选择器Hack以及HTML头部引用(if IE)Hack，CSS Hack主要针对类内部HACK。比如 IE6能识别下划线"_"和星号" * "，IE7能识别星号" * "，但不能识别下划线"_"，而firefox两个都不能认识。等等

   选择器Hack：比如 IE6能识别*html .class{}，IE7能识别*+html .class{}或者*:first-child+html .class{}。等等

HTML头部引用(if IE)Hack：针对所有IE：<!--[if IE]><!--您的代码--><![endif]-->，针对IE6及以下版本：<!--[if lt IE 7]><!--您的代码--><![endif]-->，这类Hack不仅对CSS生效，对写在判断语句里面的所有代码都会生效。

书写顺序，一般是将识别能力强的浏览器的CSS写在前面。下面如何写里面说得更详细些。

CSS hack:区分IE6，IE7，firefox

区别不同浏览器，CSS hack写法：

区别IE6与FF：

background:orange;*background:blue;

区别IE6与IE7：

background:green!important;background:blue;

区别IE7与FF：

background:orange;*background:green;

区别FF，IE7，IE6：

background:orange;*background:green;_background:blue;background:orange;*background:green!important;*background:blue;

注：IE都能识别*;标准浏览器(如FF)不能识别*；

IE6能识别*；不能识别 !important;

IE7能识别*，能识别!important;

FF不能识别*，但能识别!important;

浏览器优先级别:FF<IE7<IE6,CSS hack书写顺序一般为FF IE7 IE6

以: " #demo {width:100px;} "为例;

#demo {width:100px;} /*被FIREFOX,IE6,IE7执行.*/

* html #demo {width:120px;} /*会被IE6执行,之前的定义会被后来的覆盖,所以#demo的宽度在IE6就为120px; */

*+html #demo {width:130px;} /*会被IE7执行*/

所以最后,#demo的宽度在三个浏览器的解释为: FIREFOX:100px; ie6:120px; ie7:130px;

IE8 最新css hack：

"\9"　例:"border:1px \9;".这里的"\9"可以区别所有IE和FireFox.（只针对IE9 Hack）

"\0"　IE8识别，IE6、IE7不能.

"*"　IE6、IE7可以识别.IE8、FireFox不能.

"_"　IE6可以识别"_",IE7、IE8、FireFox不能.