Ich habe eine Navigationsleiste mit mehreren Ebenen. Jetzt versuche ich es möglich zu machen, dass die Eltern von li
aktiv sind, wenn auch die li
selbst aktiv ist.Active Parent CSS
Was ich habe: https://gyazo.com/32f1191aeaf1ec3ef312de2a029eddda
Wie Sie sehen können, die relations
Tab ist jetzt aktiv. Also, was ich will, ist der Office-Tab, um auch die gleiche rote Farbe (nur ein Beispiel) zu haben.
Ich hoffe, es gibt eine CSS-Lösung, da ich weiß, dass es eine Lösung für den Zustand (li:hover > a
) gibt. Ich benutze übrigens ein anklickbares Menü, deshalb füge ich .active
Klassen zum angeklickten li
hinzu.
Die aktive li
wäre etwas wie: ul li ul li.active a { color: red }
.
Vielen Dank im Voraus!
Warum nicht '.active' zum übergeordneten' li' hinzufügen und dann die untergeordneten Elemente die Styles erben lassen? – Vucko
Wie Vucko sagte, könnte dies ein CSS-only-Ansatz sein, und wie Animatio sagte, können Sie nicht das DOM auswählen, um solche Magie zu machen, brauchen Sie JavaScript. –