如何根据子元素有条件地设置css样式?

Question

我有一个在多个div中使用的类

<div class="wrapper">
<div class="child1">
...
</div>
</div>
<div class="wrapper">
<div class="child2">
...
</div>
</div>
<div class="wrapper">
<div class="child3">
...
</div>
</div>

在这里，我想添加一个样式(让我们就说color: red)到wrapper类，child2作为它的孩子。我想根据孩子的名字来做，而不是孩子的顺序。任何想法吗?

Answer 1

现在，你只能使用JavaScript实现你想要的行为。

使用JavaScript选择所有.wrapper > .child2元素，并将父包装器元素的样式设置为所需的样式。

然而，由于:has伪类，这可能最终在CSS中成为可能。目前没有任何主流浏览器支持它，但这可能很快就会改变!