CSS - 如果孩子有特定的班级，则设计父班级

Question

可能重复：

活跃孩子的父母的复杂 CSS 选择器

是否有 CSS 父级选择器？

有没有一种方法可以根据其子元素是否具有特定类来设计父类？

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

.

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

我想根据子类是 content1 还是 content2 来设计第一个 .container 。它必须是纯 css 解决方案，没有 javascript。

原文由 Alvarez 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

2012年答案：

不，你不能那样做。 CSS 不能根据子元素选择元素，除非检查元素是否为空。

2022 答案： :has() 选择器，参见 https://developer.mozilla.org/en-US/docs/Web/CSS/:has

例如 .container:has(> .content1) 将选择分类为 .container 的元素，它们是分类为 .content1 的元素的直接父级。

原文由 tuff 发布，翻译遵循 CC BY-SA 4.0 许可协议