14

可能重复:
活动子项的父项的复杂 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。

4

3 回答 3

5

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

于 2012-10-16T18:58:28.453 回答
5

为什么不使用container1+contentcontainer2+ 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 */
}
于 2012-10-16T19:00:26.857 回答
4

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

于 2012-10-16T18:59:02.030 回答