Css多类选择器.class1.class2不起作用

Question

我正在尝试选择一个包含多个类的元素。

.parent1 .subparent2 .class1,
.parent1 .subparent2 .class2,
.parent1 .subparent2 .class3 { }

作为

.parent1 .subparent2 .class1.class2.class3

选择一个包含所有三个类的元素，但它不起作用。

Answer 1

你有什么用，如果浏览器支持，you can test it here。这是我的测试标记：

<div class="parent1">
    <div class="subparent2">
        <div class="class1 class2 class3">Match</div>
        <div class="class1 class2">No Match</div>
    </div>
</div>​

使用您当前的选择器：

.parent1 .subparent2 .class1.class2.class3 { color:red; }​

---

基于评论：要明确，两个选择器不等同，这个：

.parent1 .subparent2 .class1, .parent1 .subparent2 .class2 ...

意味着孩子可以拥有任何类并匹配，但是这样：

.parent1 .subparent2 .class1.class2.class3

意味着孩子必须匹配所有类，因此它们可以达到不同的目的。