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);
}