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

可能重复：

如果父类的子元素有一个特定的类，有没有一种方法可以基于它来设计父类

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

文本

文本

我想根据子类是

content1

还是

content2

来设计第一个

.container

。

---

它必须是纯css解决方案，没有javascript。

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

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

为什么不使用

container1

+

content

和

container2

+

content

<div class="container1">
    <div class="content">
      text
    </div>
</div>

<div class="container2">
    <div class="content">
        text
    </div>
</div>

---

这些样式不会应用于.content元素吗？我只是想澄清一下，我认为他的要求是将样式应用于容器元素，而不是子元素。@Asad：是的，如果在

.content

div之外有其他内容，但在需要设置样式的

.container

div内，那么OP可以简单地为

.container1

和

.container2

编写规则

<div class="container1">
    <div class="content">
      text
    </div>
</div>

<div class="container2">
    <div class="content">
        text
    </div>
</div>

.container1 .content {
    /* Container 1 styles here */
}

.container2 .content {
    /* Container 2 styles here */
}