Josh Comeau • 4/7/2020

Styling Ordered Lists with CSS Counters

Read Original

This article explains how to style the numbers in ordered lists using CSS counters, as the default <ol> elements are difficult to style directly. It covers the counter-increment and :before pseudo-element method, discusses browser support, and touches on nested lists. It also notes that the newer ::marker pseudo-element is now a simpler, preferred alternative.

0 comments
#Web Development #css counters #css pseudo-elements
Styling Ordered Lists with CSS Counters

Comments

No comments yet

Be the first to share your thoughts!

Browser Extension

Get instant access to AllDevBlogs from your browser

Top of the Week

1
Webinar Series – SQL Server Indexing
Koen Verbeeck • 1 votes
2
Risks and Limitations of AI in the Life Sciences
Jeremy Howard • 1 votes
3
1M context is now generally available for Opus 4.6 and Sonnet 4.6
Simon Willison • 1 votes
4
AI is my CMS
Chris Coyier • 1 votes
5
When your coding agent doesn’t understand your project, you’ll get junk
Benjamin Cane • 1 votes
6
LLM Use in the Python Source Code
Miguel Grinberg • 1 votes