Customizing styles for ordered list (HTML5 + CSS3)

Introduction

This week at work, the need arose to add custom styles to an ordered list in HTML5, it is a task that I had not done too many times, so I had to learn how to add styles to an ordered list in HTML5 using CSS3. So I think it can be helpful to share this knowledge with the community, I leave a codepen below with the code.

Demo

Ordered list without styles

Ordered list with custom styles

Thanks for reading me. 😊