有没有办法在CSS中查询具有多个类的元素?

下面应该可以做到这一点:

span.major.minor { color: red; }

注意:使用InternetExplorer6时必须小心-它将只读取选择器的最后一个类。例如,它将错误地将上述规则应用于以下情况:

<span class="minor">Test</span>

使用类限定符两次,例如:

.major.minor { ... }

但是 . 它在IE6中不起作用(在IE7中也不起作用) Quirks Mode ).在同一元素上指定多个类选择器时,IE只关注最后一个。因此,上面的选择器将匹配具有 class="minor"

解决方法包括将多个类复制为单个类:

.major-minor { ... }
<span class="major minor major-minor">...</span>

.major .minor { ... }
<span class="major"><span class="minor">...</span></span>