CSS/Selektoren/nth-of-type

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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

Syntax :nth-of-type
Browsersupport Details: caniuse.com
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

Weblinks