CSS/Selektoren/nth-of-type

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 Pseudoklassen
  Elemente aufgrund ihrer Position im DOM selektieren
   

Weblinks

• W3C: nth-of-type Selectors Level 4