CSS Tutorial – nth-child – Das dritte Element einer Liste selektieren
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
Andreas Lang hat im Alter von 12 Jahren begonnen, auf einem Atari ST 1040 STFM in Omikron und STOS Basic zu programmieren.
Spiele interessierten ihn nicht so sehr.
Die Welt der Bits und Bytes hat ihn gefangen.
Programmierertechnisch folgten auf dem ersten 486er Turbo Pascal, Visual Basic.
Mit dem ersten Internet Anschluss per 56k Modem folgten HTML, Javascript, CSS und Macromedia Flash.
Die Website www.wizzquiz.de wurde geboren.
Eine Flash Online-Gaming Plattform mit Quiz Spielen, Memory, Sokoban etc.
Später entwickelte er Software unter anderem für Continentale und Siemens AG.
Seit zwei Jahrzehnten konzentriert er sich 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.
