#my.c1.c2 { color:red;}
.c1.c2 { color:red;}
以上写法在ie7+/ff/opera/safari 等浏览器都支持。
但在ie6中,后一个类名会覆盖前一个类名,也就是说,上例被ie6理解为:
#my.c2 { color:red;}
.c2 { color:red;}
同理:
#my.c1.c2.c3 { color:red;}
ie6理解为 #my.c3 {color:red;}
.c1.c2.c3 { color:red;}
ie6理解为 .c3 { color:red; }
所以开发中用多类来组合实现css效果的时候,注意ie6的这个问题。最好的方法就是,不要用类组合的形式。
以上就是关于ie6下的css多类选择符的详细内容。