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.





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 page: CSS counter-increment property