hola
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>