如果子元素没有特定的类，CSS 选择器选择一个元素

Question

我有一些具有这种结构的 HTML 代码：

<div class="aclass">
<div class="bclass">
Content
</div>
</div>
<div class="aclass">
<div class="cclass">
Content
</div>
</div>

只要没有孩子

div.aclass

，我只想设计所有

div.bclass

。我已经尝试过

div.aclass:not(* > div.bclass)

和

div.aclass:not(:scope > div.bclass)

甚至

div.aclass:not(div.bclass)

，但他们都没有这样做。还有孩子不需要是

cclass

，可以是任何班级，甚至可以不上课

Answer 1

你可以使用

div.aclass:not(:has(div.bclass))

如果它是一个直接的孩子并不重要。如果确实重要，您可以使用

div.aclass:not(:has(> div.bclass))

.