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

如何查询同时具有两个类的元素

例如：

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

测试

---

我想对同时具有“大”和“小”类的所有跨距进行样式设置。

下面应该可以实现这一点：

span.major.minor { color: red; }

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

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

测试

使用类限定符两次，例如：

.major.minor { ... }

但是。它在IE6中不起作用（在IE7中也不起作用）。在同一元素上指定多个类选择器时，IE只关注最后一个。因此，上面的选择器将匹配具有

class=“minor”

的任何元素

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

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

.major-minor{…}
...

或者，如果可用备用元件使其清洁，则安全壳：

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

.major.minor{…}
...

span.major.minor！=小调。major@in.spite你能详细说明一下吗？