用多class来区分IE6

一. 测试环境:

浏览器: IE6+, FF 3+, Chrome 4, Safari 4, Opera 10

二. 例子

<div class="a b">IE6看到黑色, 其他浏览器看到红色</div>
/* 针对其他浏览器, IE6中, 该句等价于div.b {color: red;} */
div.a.b { color: red;}
/* IE6中, 用这句进行覆盖 */
div.b { color: black;}

三. 说明

1. IE6看到黑色, 其他浏览器看到红色;

2. 非IE6中, .a.b的优先级与.a .b的优先级是一样的.

,

IE6对多class的解释bug

一. 什么是多class?

多class是指形如”.class1.class2″这样的css选择子.

二. 症状描述

IE6会把多个class当作单个对待, 且只会识别最后一个class, 如: .class1.class2相当于.class2.

(更多…)

,