整理出一个Windows系统下各浏览器常用CSS hack汇总表,如下:
说明:
1. 此汇总表中测试浏览器的版本为
o IE6
o IE7
o IE8
o Firefox 3.6.6
o Safari 5.0
o Chrome 6.0.458.1 dev
o Opera 10.60
2. 其中,多数CSS hack是在selector{property:value;}基础上更改的。selector代表CSS选择器,property代表CSS特性,value代表特性的值。
3. FF代表Firefox,Ch代表Chorme,Sa代表Safari,Op代表Opera
4. Q代表Quirks Mode,S代表Standards Mode。
5. Hack Type列的数字,指的是上面CSS hack的实现方式中的列表号。1是指“利用浏览器对相同代码的解析和支持的不同实现的hack”,2是指以Firefox或Webkit特有的扩展样式实现的hack。
其中 *+html selector 的测试用例:
<style type="text/css">
*+html #test {
color: red;
}
</style>
PS:浏览器在解析CSS代码时,必须遵守以下规则:(忽略也就是不执行该样式,当他不存在)
1.未知的属性(也就是没有的属性)忽略
2.代码不全的样式则与忽略(height:12;)
3.样式表的意外结束也则与忽略{ p:before { content: 'Hello
以上说明:只要是浏览器不认识的东西全部忽略,不会自动补全,修正