设计父级如果孩子有特定的班级

可能重复:
复杂的CSS选择器,用于活动子项的父项
有没有一个CSS父母选择器?

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

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

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

我想设计第一.container不同的基础上,如果子类是content1content2 。 它必须是纯粹的CSS解决方案,没有JavaScript。


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

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


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

链接地址: http://www.djcxy.com/p/22825.html

上一篇: design parent class if child has a specific class

下一篇: CSS Parent/Ancestor Selector