How to change the style of the prefix numbers of a ordered list, OL tag, with CSS

A solution that most people use is adding a SPAN tag to the list item and style the OL tag first and re-style the SPAN tag.

CSS

 

HTML

 

But there is another way with only CSS2 stylesheet.

Result of a ordered list without span tags and the above CSS:

  1. Item 1
  2. Item 2
  3. Item 3
  4. Item 4
  5. Item 5

For some more info check w3schools.com page: CSS counter-increment property