In diesem Code:
%Vor% Ich möchte die Farbe ändern, wenn :hover .
.first:hover ) THEN .first { color: red; }
.second:hover ) THEN .first, .second { color: red; }
.third:hover ) THEN .first, .second, .third { color: red; }
Ist das ohne JS möglich? Ich kann CSS Hacks akzeptieren:)
Mögliche Antworten:
Schwierigere Version:
%Vor%.first:hover ) THEN .first { color: pink; }
.second:hover ) THEN .first, .second { color: pink; }
.third:hover ) THEN .first, .second, .third { color: pink; }
Antworten:
Ich habe einen Weg gefunden, mit @each in SASS zu arbeiten Panthers Antwort :
Es ist ein bisschen kürzer, aber hier ist das Ergebnis (generierte CSS):
Welche ähnliche CSS-Regeln hat Panthers Geige .
Schöne Herausforderung 123qwe :)
In CSS gibt es keinen vorherigen Geschwisterselektor, aber ... Sie können es manchmal mit bekannten Selektoren machen. Manchmal.
%Vor% Es funktioniert mit block span s (von floated natürlich). Wenn span s den Standardwert display: inline hat, blinkt es, wenn Sie div im Zwischenraum zwischen den Spannen halten.
AKTUALISIEREN :
Sie haben die Frage aktualisiert, wenn jeder Bereich eine eigene Farbe hat. Dann könnte es sein:
Dies ist, was ich denke, kann tun, was Sie ordentlich erreichen wollen
%Vor%Hoffe es hilft!