Styling List Markers

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Hast du jemals versucht, die Nummern in einer geordneten Liste zu stylen? Du landest bei doofen Sachen wie dem Umwickeln des Inhalts in Spans, dem Stylen der Listenelemente und dem Entfernen dieses Stylings mit dem Span. Oder du verwendest Hintergrundbilder auf verrückte Weise. Oder du entfernst das Listenstyling und fügst deine eigenen Nummern ein.

Alle diese Wege sind Mist. Roger Johansson hat einen guten Weg mit Pseudo-Element-Zählern.

P.S. Die Spezifikation für Listen wurde aktualisiert mit einigen neuen, super tollen Sachen. (Zum ersten Mal seit 8,5 Jahren)

P.P.S. GIBT ES IRGENDETWAS, DAS PSEUDO-ELEMENTE NICHT KÖNNEN?

Direkter Link →