CSS: ALLE im DOM folgende Elemente auswählen
bearbeitet von Clara HimmelHallo,
bei folgendem Fallbeispiel bräuchte ich ein wenig Hilfe:
~~~html
<div><a href="...">LINK</a></div>
<div class="Sektion">...</div>
~~~
Nun will ich mit <a> die Klasse "Sektion"
ansteuern, nur eignen sich Selektoren à la + bzw. ~ dazu leider nicht, da <a> und "Sektion" keine Geschwisterelemente sind (daher funktioniert mein Ansatz:
"a:hover ~ .Sektion"
nicht)
Meine Frage daher:
gibt es einen Selektor, der SÄMTLICHE dem Link folgende Klassen (oder auch nur eine bestimmte im DOM NÄCHSTfolgende Klasse) adressiert, auch wenn es sich dabei NICHT um Geschwister handelt?
*[Bitte keine Alternativvorschläge. Mir ist durchaus bewusst, dass ~ oder auch + funktionieren, sobald <a> nicht mehr in ein eigenes <DIV> verpackt ist und "Sektion" und <a> damit Geschwister sind. Ich bin mir auch darüber im Klaren, dass sich mein Problem unter Verwendung von Javascript leicht lösen lässt.]*
Danke!
CSS: ALLE im DOM folgende Elemente auswählen
bearbeitet von
Hallo,
bei folgendem Fallbeispiel bräuchte ich ein wenig Hilfe:
<div><a href="...">LINK</a></div>
<div class="Sektion">...</div>
Nun will ich mit <a> die Klasse "Sektion"
ansteuern, nur eignen sich Selektoren à la + bzw. ~ dazu leider nicht, da <a> und "Sektion" keine Geschwisterelemente sind (daher funktioniert mein Ansatz:
"a:hover ~ .Sektion"
nicht)
Meine Frage daher:
gibt es einen Selektor, der SÄMTLICHE dem Link folgende Klassen (oder auch nur eine bestimmte im DOM NÄCHSTfolgende Klasse) adressiert, auch wenn es sich dabei NICHT um Geschwister handelt?
*[Bitte keine Alternativvorschläge. Mir ist durchaus bewusst, dass ~ oder auch + funktionieren, sobald <a> nicht mehr in ein eigenes <DIV> verpackt ist und "Sektion" und <a> damit Geschwister sind. Ich bin mir auch darüber im Klaren, dass sich mein Problem unter Verwendung von Javascript leicht lösen lässt.]*
Danke!