如果同级没有特定类，则显示 div

Question

我有两个div，一个是">d-none":

<div class="inexistente">
Ainda não existem documentos adicionados 
</div>
<div class="existentes d-none"></div>

我想做的是隐藏另一个用"div。existentes"当没有">.d-none"了。

我试过下面的选择器:

existentes:not(.d-none) + .inexistente {
display:none;
}

existentes:not(.d-none) ~ .inexistente {
display:none;
}

但两者都不起作用。我做错了什么?

Answer 1

没有办法根据"未来元素"来定义元素的样式。如果你能改变这两个HTML的顺序，一切都可以正常工作。

.existentes:not(.d-none) ~ .inexistente{
display:none
}

<div class="existentes"></div>
<div class="inexistente">
Ainda não existem documentos adicionados 
</div>