0 3506

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!

Author: Andreas Lang

Sphinx-Flashdesign.de

Andreas Lang konzentriert sich seit zwei Jahrzehnten auf die Webentwicklung und Webdesign mit dem Schwerpunkt PHP, Laravel und Javascript und betreut seine Kunden mit Herz und Seele in allen Bereichen von Entwicklung, Design, Suchmaschinenoptimierung, IT-Recht, IT-Sicherheit etc.