I have a situation with two divs, one of which has the class "d-none":
<div class="inexistente">
Ainda não existem documentos adicionados
</div>
<div class="existentes d-none"></div>
My goal is to hide the other div, with the class "existentes", when it no longer has the class ".d-none".
I have tried using the following selectors:
existentes:not(.d-none) + .inexistente {
display:none;
}
existentes:not(.d-none) ~ .inexistente {
display:none;
}
However, both attempts did not produce the desired result. Can someone please point out what I may be doing wrong?