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

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

为什么不使用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 2

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

Answer 3

你要求的是神秘的CSS父选择器。也许有一天。