0 1436

CSS Tutorial – nth-child – Das dritte Element einer Liste selektieren

Manchmal ist es notwendig das dritte, vierte oder fünfte Element einer Liste zu selektieren. Das selektieren eines x-beliebigen Elementes können wir über den Pseudo Selektor nth-child machen.
Um beispielsweise das 8te Element einer Li Reihe zu selektieren:
Beispielcode CSS:

li:nth-child(8) {
    background-color: #298EB2;
}

Hier könnt Ihr das ganze nochmal in Realtime austesten:

See the Pen PwPmXZ by Andreas Lang (@sphinxflash) on CodePen.

Nun wünsche ich Euch viel Spaß mit dem nth-Selektor!