html - CSS - 如果孩子有特定的类，则设计父类

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

为什么不使用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 */
}

Answer 3

您要的是神话般的 CSS 父选择器。也许有一天。