css HACK

一、条件hack
if条件共包含6种选择方式
1、是否

<!--[if IE]>
<p>你在非IE中将看不到我的身影</p>
<![endif]-->

表示在非IE浏览器情况下，你将看不到p标签
css里面可以这样写

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

上述属性只在IE浏览器中显现

---

2、大于
<!--[if gt IE 6]><![endif]-->
3、大于或等于
<!--[if gte IE 6]><![endif]-->
4、小于
<!--[if lt IE 6]><![endif]-->
5、小于或等于
<!--[if lte IE 6]><![endif]-->

---

二、属性级hack
_：
选择IE6及以下。连接线（中划线）（-）亦可使用，为了避免与某些带中划线的属性混淆，所以使用下划线（_）更为合适。
*：
选择IE7及以下。诸如：（+）与（#）之类的均可使用，不过业界对（*）的认知度更高
9：
选择IE6+
：
选择IE8+和Opera
[;property:value;];：
选择webkit核心浏览器（Chrome,Safari）。IE7及以下也能识别。中括号内外的3个分号必须保留，第一个分号前可以是任意规则或任意多个规则
[;color:#f00;]; 与 [color:#f00;color:#f00;]; 与 [margin:0;padding:0;color:#f00;]; 是等价的。生效的始终是中括号内的最后一条规则，所以通常选用第一种写法最为简洁。