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 */ 
}