Ruby's Louvre

每天学习一点点算法

导航

IE6不支持多个类名

在IE6下,每个元素只能拥有一个类名,对应CSS如下:

.aaa {
    background:red;
}

所谓双类名或多类名,即如下方式:

.aaa.bbb {
    background:red;
}
.aaa.bbb.ccc {
    background:green;
}

这些都在IE6下遭遇滑铁卢,你可以让一个类名的功能交由一个ID去分担,或为其父元素定义一个类名,让此类名去分担此功能。

#bbb.aaa.bbb {
    background:red;
}
.bbb .aaa {
    background:green;
}

再不济就只能用JS了。

posted on 2012-01-12 14:02  司徒正美  阅读(3021)  评论(5编辑  收藏  举报