关于IE6下的CSS多类选择符

2020-11-27 来源：小侦探旅游网

　　多类选择符的写法。例如：

　　#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的这个问题。最好的方法就是，不要用类组合的形式。

显示全文