Question

How do you reverse ol numbering without javascript while supporting ie7+?

I have found solution that are either deprecated and don’t work on my current browsers (firefox & chrome) or that use :before selectors or children > selectors which aren’t supported by ie7+.

Ideas?

Answer 1

This can be accomplished by setting the value of the lis. If you have a really long list, you can use JavaScript to set the values. I don’t think there is a CSS solution to reversing the order of the list.

<ol>
    <li value="3">first</li>
    <li value="2">second</li>
    <li value="1">third</li>
</ol>