CSS Benachbarte Geschwister basierend auf Child-Eingabe

Question

Ok, ist es also möglich, angrenzende Geschwister basierend auf der gültigen Eingabe eines Kindes zu stylen? Sagen Sie bitte den folgenden HTML hatte:

<div id="source"> 
    <input type="text"> 
</div> 
<div id="target"> 
</div> 

Und hier einige Pseudo-CSS von dem, was würde ich tun:

(#source input:valid) + div { 
    // add cool styling 
} 

Jede Lösung mit Sass/weniger? Grundsätzlich würde ich gerne ein benachbartes div formatieren, wenn die Kindeingabe seines Geschwister-divs Text eingegeben hat.

Answer 1

Die Antwort ist nein.

Geschwisterselektoren funktionieren nur mit Geschwistern, nicht mit übergeordneten/untergeordneten Geschwistern. SASS/LESS kompiliert nach CSS und kennt das DOM nicht. Während sie zusätzliche Werkzeuge haben, um das Schreiben von CSS einfacher zu machen, sind diese Tools nach der Kompilierung verschwunden.