Generador de contadores CSS Genera contadores CSS para listas numeradas personalizadas con varios estilos y anidación.

Los contadores CSS utilizan tres propiedades principales: counter-reset inicializa un contador en un elemento principal, counter-increment incrementa el contador en elementos secundarios y counter() o counters() en la propiedad content muestra el valor. La propiedad counter-reset crea una nueva instancia de contador: counter-reset: sección. counter-increment lo avanza: counter-increment: sección. La propiedad content en un pseudo-elemento ::before muestra el contador: content: counter(sección). La función counter() acepta un argumento de estilo opcional: counter(sección, upper-roman). Para contadores anidados, cada nivel restablece su propio subcontador. La función counters() (nota la 's') maneja ámbitos anidados: counters(sección, ".") produce una notación "1.2.3". Los tipos de lista disponibles incluyen decimal, decimal con ceros iniciales, alfabético en minúsculas, alfabético en mayúsculas, romano en minúsculas, romano en mayúsculas, griego en minúsculas y más. Se pueden definir varios contadores y usarse de forma independiente.