CSS - 設計父類，如果孩子有一個特定的類

Question

可能重複：
Complex CSS selector for parent of active child
Is there a CSS parent selector?

有沒有設計一個基於父類，如果它的子元素有辦法一個特定的類？

<div class="container"> 
    <div class="content1"> 
     text 
    </div> 
</div> 

。

<div class="container"> 
    <div class="content2"> 
     text 
    </div> 
</div> 

我想設計第一個.container不同的基礎上，如果子類是content1或content2。 它必須是純CSS的解決方案，沒有JavaScript。

Answer 1

不，你不能那樣做。除了檢查元素是否爲空之外，CSS不能根據子元素選擇元素。

Answer 2

你要求的是神話般的CSS父母選擇器。也許有一天。

Answer 3

爲什麼不使用container1 + content和container2 + content？

<div class="container1"> 
    <div class="content"> 
     text 
    </div> 
</div> 

<div class="container2"> 
    <div class="content"> 
     text 
    </div> 
</div> 

，然後寫CSS像這樣：

.container1 .content { 
    /* Container 1 styles here */ 
} 

.container2 .content { 
    /* Container 2 styles here */ 
}