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.

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

2
Designing Design Systems
TkDodo Dominik Dorfmeister 2 votes
4
Introducing RSC Explorer
Dan Abramov 1 votes
6
Fragments Dec 11
Martin Fowler 1 votes
7
Adding Type Hints to my Blog
Daniel Feldroy 1 votes
8
Refactoring English: Month 12
Michael Lynch 1 votes
10