<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="utf-8"> <title></title> <style> .item { color: #F00; } .active.item{/* ie6 ← .item生效 */ font-size: 100px; } .item.active{/* ie6 ← .active生效 */ font-size: 200px; } </style> </head> <body> <div class="item">item</div> <div class="item active">item active</div> <div class="active item">item active</div> <div class="active">active</div> </body> </html>
IE6和以前的版本不能理解多class选择器。IE5/6只会读取最后的class。要避免问题最简单的办法是，同链式class选择器划清界限，分别定义每个class的样式，并确保它们可以互补