Propriedade counter-increment


A propriedade counter-increment é utilizada para incrementar o valor de um contador CSS. Pode ser aplicada a elementos específicos ou a seletores de classe, por exemplo, para controlar a contagem desses elementos.

Exemplo

/* Incrementar o contador 'itensNumerados' a cada elemento com a classe '.numerado' */
.numerado {
  counter-increment: itensNumerados;
}
 
/* Aplicar o valor do contador como conteúdo do elemento */
.numerado::before {
  content: counter(itensNumerados);
}

Referências