CSS/Selektoren/nth-of-type

Der nth-of-type-Selektor ermöglicht, die jeweils n-ten Kindelemente einer bestimmten Art auszuwählen

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

CSS-Selektoren

strukturelle Pseudoklassen
- :root
- :empty
- :first-child
- :first-of-type
- :fullscreen
- :last-child
- :last-of-type
- :modal
- :nth-child()
- :nth-of-type()
- :nth-last-child()
- :nth-last-of-type()
- :only-child
- :only-of-type
- :read-only
- :read-write
- :required
- :scope
einfache Selektoren
Kombinatoren
Pseudoelemente
dynamische Pseudoklassen