CSS/Selektoren/nth-child

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

Der :nth-child-Selektor wählt das n-te Element zu einem Elternelement aus.

Syntax :nth-child
Browsersupport Details: caniuse.com
Beispiel
p:nth-child(odd) { 
  background: black; 
  color: white;
}
Jeder ungerade Absatz wird mit schwarzem Hintergrund, aber weißer Textfarbe (Kontrast!) dargestellt.


Siehe auch

Weblinks