Making CSS Counters Count Backwards

Example 1 (normal counter)

  1. item one
  2. item two
  3. item three
  4. item four
  5. item five
  6. item six
  7. item seven
  8. item eight
  9. item nine
  10. item ten

Example 2 (larger numbers)

  1. item one
  2. item two
  3. item three
  4. item four
  5. item five
  6. item six
  7. item seven
  8. item eight
  9. item nine
  10. item ten

Example 3 (counting backwards)

  1. item one
  2. item two
  3. item three
  4. item four
  5. item five
  6. item six
  7. item seven
  8. item eight
  9. item nine
  10. item ten

Example 4 (production code)

  1. In tenth place..
  2. In ninth place..
  3. In eighth place..
  4. In seventh place..
  5. In sixth place..
  6. In fifth place..
  7. In fourth place..
  8. In third place..
  9. In second place..
  10. In first place..

Example 5 (lower-case greek)

  1. epsilon
  2. delta
  3. gamma
  4. beta
  5. alpha

Example 6 (production code + hack for IE6/7)

  1. In tenth place..
  2. In ninth place..
  3. In eighth place..
  4. In seventh place..
  5. In sixth place..
  6. In fifth place..
  7. In fourth place..
  8. In third place..
  9. In second place..
  10. In first place..