Custom List Number Styling

How about a classic CSS trick! This isn’t even so tricky anymore, since CSS has counter-increment and counter-reset and such that is perfect for this. I just wanted to make sure you knew how it works and had some easy-to-copy examples at the ready.

Let’s say all you wanna do is style the dang numbers:
See the Pen Custom List Style 2 by Chris Coyier (@chriscoyier) on CodePen.
Here’s an example from the CodePen Challenges pages:
See …
The post Custom List Number Styling appeared first on CSS-Tricks.

Link: https://css-tricks.com/custom-list-number-styling/