Propriedade counter-reset


A propriedade counter-reset é utilizada para resetar um contador CSS para um valor específico ou para seu valor padrão, que é geralmente zero. Essa propriedade é especialmente útil quando você deseja reiniciar a contagem de um contador em um determinado ponto no seu layout.

Exemplo

/* Resetar o contador 'minhasContagens' para 1 */
.container {
  counter-reset: minhasContagens 1;
}
 
.item {
  /* Incrementar o contador 'minhasContagens' a cada item */
  counter-increment: minhasContagens;
}
 
/* Aplicar o valor do contador como conteúdo do item */
.item::before {
  content: counter(minhasContagens);
}

Referências