Sad but truth not everything in HTML can be customized with standard CSS. Sometimes we have to use tricky ways to get closer to some elements. On of these elements is ordered list <ol>.
Let’s say that we need to change the appearance of numbers in ordered list. But there is no way we can do it directly. Of course we can just set list-style: none; and then put numbers in spans for each <li>, but as for me this method is not very beautiful, since a good web developer doesn’t want to use extra HTML code when it’s possible to solve a problem with CSS.
Here is a better method: