CSS - 如果child具有特定类,则设计父类

Question

可能重复:
活动子的父级的复杂CSS选择器
是否有CSS父选择器？

有没有办法根据子元素是否具有特定类来设计父类？

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