CSS/Selektoren/nth-of-type
Aus SELFHTML-Wiki
CSS | Selektoren
Der nth-of-type-Selektor ermöglicht, die jeweils n-ten Kindelemente einer bestimmten Art auszuwählen
- Syntax
:nth-of-type
Beispiel
p:nth-of-type(odd) {
background: black;
color: white;
}
In diesem Beispiel erhält jeder zweite Absatz einen schwarzen Hintergrund.
Beachten Sie: Bei einer Festlegung einer Hintergundfarbe müssen sie immer eine passende Textfarbe auswählen, um einen hohen Kontrast zu sichern!
Siehe auch
- strukturelle PseudoklassenElemente aufgrund ihrer Position im DOM selektieren
Weblinks
- W3C: nth-of-type Selectors Level 4