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 

意味着子必須有所有類相匹配的，所以他們的目的不同。