SELFHTML wird 30 Jahre alt!
Die Mitgliederversammlung findet am 24.05.2025 um 10:00 statt. Alle Mitglieder und Interessierte sind herzlich eingeladen.
Davor und danach gibt es Gelegenheiten zum gemütlichen Beisammensein. → Veranstaltungs-Ankündigung.
CSS/Selektoren/Schachtelungs-Selektor
Der Schachtelungs-Selektor ermöglicht es, in eine Regel weitere Regeln zu schachteln. Diese inneren Regeln verwenden den gleichen Selektor wie die äußere Regel und erweitern ihn um weitere Komponenten. Das Zeichen & wird dabei im Selektor der inneren Regel als Repräsentant für den Selektor der äußeren Regel verwendet. Seine Verwendung ist allerdings nicht immer erforderlich, der unter „Siehe auch“ verlinkte Artikel geht darauf ein.
Syntax | &
|
---|
p.marked {
background-color: yellow;
& span {
color: red;
}
}
Siehe auch
Weblinks
- W3C: CSS Nesting Modul
- einfache Selektoren
- Universalselektor
- ID-Selektor
- Klassenselektor
- Typselektor
- Attributselektoren
- Kombinatoren
- Kindselektor
- Nachfahrenselektor
- Nachbarselektor
- Geschwisterselektor
- Schachtelungs-Selektor
- Pseudoelemente
- Pseudoklassen
marked
haben, und gibt ihnen die Hintergrundfarbe gelb. Darin geschachtelt ist eine Regel, die den Selektorp.marked
durch das Zeichen&
aufgreift und zup.marked span
erweitert. Dieser Selektor gilt nun für die innere Regel, so dass alle span-Elemente innerhalb vonp.marked
-Elementen die Textfarbe rot bekommen.