Bedingt gesetzter Stil, wenn Geschwisterelement in PURE existiert. CSS

Question

Ich habe die folgende Struktur, in der das zweite Element erscheinen kann oder nicht.

<div class="wrapper"> 
    <div class="firstElement"></div> 
    <div class="secondElement"></div> 
</div> 

Ich möchte Arten bedingt setzen auf .firstElement NUR wenn .secondElement existiert.

Gibt es eine Möglichkeit, dies mit PURE CSS zu tun? Mit Geschwister-Selektoren/Eltern-Selektoren?

Danke!

Answer 1

In der Regel keine. CSS liest das DOM vorwärts/abwärts - es wird nicht rückwärts/aufwärts gelesen. Aber mit dieser Auszeichnung, könnten Sie :not(:last-child)

.firstElement:not(:last-child) { 
 
    color: red 
 
}

<div class="wrapper"> 
 
    <div class="firstElement">target this</div> 
 
    <div class="secondElement"></div> 
 
</div> 
 

 
<div class="wrapper"> 
 
    <div class="firstElement">not this</div> 
 
</div>