Les propriétés COUNTER-INCREMENT, COUNTER-RESET et CONTENT avec la valeur counter permettent de numéroter des éléments HTML, dans ce cet exemple, une liste numérotée.

La première incrémente l'identificateur compteur avec un pas de un. La seconde réinitialise le compteur à chaque nouvelle liste et la dernière insère le compteur devant chacun des items de la liste avec un tiret.

De même qu'auparavant, cette propriété ne fonctionne pas sur l'ensemble des navigateurs.

Pour plus de renseignements veuillez consulter le W3C.

ol:before {counter-reset(compteur)}
li:before {
        content: counter (compteur, upper-roman) "-";
        counter-increment: compteur
}
  ...
<ol>
   <li> ... </li>
   ...
</ol>
  ...
<ol>
   <li> ... </li>
   ...
</ol>
  ...