显示div如果兄弟姐妹没有某个类别

Question

我有两个divs，一个与“ ”：

    <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>