Siempre necesitamos numerar elementos en nuestra pagina web,
siempre podemos recurrir a las listas ordenadas, pero cuando queremos numerar
elementos h2 por ejemplo ¿Como hariamos?
En CSS existen los llamados contadores
El funcionamiento es bastante sencillo. Disponemos de tres
funciones y una variante:
counter-reset: permite establecer a cero un contador, al
cual le proporcionamos un nombre.
counter-increment: incrementa en 1 el valor del contador.
counter: nos permite obtener el valor actualmente almacenado
en el contador que le indiquemos.
counters: lo mismo que la anterior pero en plural. Sirve
para leer el valor almacenado en un contador pero restringiendo su ámbito al
nivel de anidamiento actual de elementos. Enseguida lo explico mejor con un
ejemplo.Ver Ejemplo
