He visto por internet que en la propiedad content como contador puedo poner: counter(hola, lower-alpha).
http://www.princexml.com/doc/9.0/counters/
En esta pagina entiendo que podria sustituir lower-alpha por symbols(x, y, z), saliendo un contador, con simbolos decididos y determinados por mi.
No se si los navegadores no lo han implementado o que, pero no hay manera de que me lo acepte, alguien tiene idea de como se usa el symbols?
Aquí teneis mi codigo por si hos sirbe de ayuda.
Código:
.hola { counter-reset: hola; } .hola li{ list-style-type: none; } .hola li:before { counter-increment:hola; content: counter(hola)". "; }
Código HTML:
<ol class="hola"> <li>The Wall</li> <li>More</li> <li>Piper at the gates of Dawn</li> <li>Final Cut</li> <li>Meddle</li> <li>Meddle</li> <li>Meddle</li> <li>Meddle</li> <li>Meddle</li> <li>Meddle</li> <li>Meddle</li> </ol> <ol class="hola"> <li>The Wall</li> <li>More</li> <li>Piper at the gates of Dawn</li> <li>Final Cut</li> <li>Meddle</li> <li>Meddle</li> <li>Meddle</li> <li>Meddle</li> <li>Meddle</li> <li>Meddle</li> <li>Meddle</li> </ol>