css如何根据子元素class写样式?

Question

1

<div class="a">
    <div class="b"></div>
</div>

这里需要a的背景是黑色

2

<div class="a">
    <div class="c"></div>
</div>

这里需要a的背景是白色

请问这该怎么写呀？

Answer 1

目前css并没有支持根据子元素选择父元素的选择器。
selectors level 4中的:has()选择器可以实现该效果但目前还是处于草案状态，并没有浏览器支持。见can i use :has

要实现这个需求需要使用js，或者增加一个子元素来作为背景

Answer 2

CSS 没有父选择器，原因可以去看浏览器渲染原理。

换思路吧，为啥非得要个所谓的父选择器？

Answer 3

这个问题应该换个思路吧，挺无聊的问题了

Answer 4

给a分别再取个类名单独写样式吧,没见过通过子元素写父元素的样式的,也没有这样的选择器

Answer 5

增加父级元素 或者nth-child