设计父级如果孩子有特定的班级
可能重复:
复杂的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。
为什么不使用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 */
}
不,你不能那样做。 除了检查元素是否为空之外,CSS不能根据子元素选择元素。
你要求的是神话般的CSS父母选择器。 也许有一天。
链接地址: http://www.djcxy.com/p/22825.html