CSS hack

!import

!import的用处有两个，在非ie6下，！import可以设置css样式的优先级，比如如下css样式

#box{    background-color: #ff9000 !important;    background-color: #ff0000;}

虽然按照css的规则，后面的样式会覆盖前面的样式，但是因为有了！import，在浏览器中显示的效果为橙色。（优先级高）。
此外！import还有一个作用是用以区分IE6，因为IE6是不认识！import的，所以在除IE6的浏览器里都是橙色，IE6为红色。

条件hack

针对IE不同版本的条件hack很常用，格式为：

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

其中keywords可以为

• lt：小于（less than）
• lte：小于或等于（less than or equal）
• gt：大于（greater than）
• gte：大于或等于（greater than or equal）
• 不填：等于
• !：不等于

version可填可不填，不填即是判断是否是IE。

比如为IE指定专门的样式：

<!--[if IE 6]>    <link rel="stylesheet" href="css/style_for_ie.css"><![endif]-->

判断是否是IE6：

<!--[if IE 6]>    //针对IE6的代码<![endif]-->

判断是否是IE8及以上：

<!--[if gte IE 8]>    //针对代码<![endif]-->

等等。

-（减号）

减号是IE6的专有hack，加上-前缀的样式只有IE6能识别

#box{    background-color: #ff9000;    -background-color: #ff0000;  /*只有ie6为红色*/}

*+><

这四个只有IE6、7识别。