Le he estado dando muchas vueltas a este tema, lei el ejemplo que me diste, pero sigo sin conseguir lo que quiero...
respecto a los reset, no he leido por ningún lado que no pueda poner a 0 un contador en diferentes etiquetas.
si probais este ejemplo creo que entendereis lo que quiero. En cada elemento de la lista se explica cual es la numeración que quiero obtener, y cual la que he conseguido.
Código HTML:
<div>
<ol >
<li > Numeración: 1 - Obtenido: 1 </li>
<li > Numeración: 2 - Obtenido: 2 </li>
</ol>
<ol >
<li >Numeración: 3 - Obtenido: 3 </li>
<li >Numeración: 4 - Obtenido: 4 </li>
</ol>
<ol class="reset">
<li >Numeración: 1 - Obtenido: 1 </li>
<li > Numeración: 2 - Obtenido: 2</li>
</ol>
</div>
<div>
<ol >
<li > Numeración: 3 - Obtenido: 5</li>
<li > Numeración: 4 - Obtenido: 6</li>
</ol>
</div> el CSS sería el mismo que tenía la semana pasada (después de todos los cambios que hice, he terminado con el mismo codigo)
Código CSS:
Ver originalbody{
counter-reset: cnt;
}
ol li{
list-style-type:none;
}
ol.reset{
counter-reset:cnt;
}
ol li:before{
content: "(" counter(cnt) ")";
counter-increment: cnt;
}
el contador no debería de ser 3, por haberlo reiniciado en la lista anterior? si elimino los divs, consigo la numeración que quiero!! que es lo que pasa con los divs y con los contadores?
me da que el problema esta, como decias, en hacer dos reset. pero no porque la ultima es la que manda, si no por lo que engloba cada etiqueta en la que se hace reset... el ol.reset se queda dentro del div que lo contiene y al salir del div es el reset del body el que manda...
sería facil si pudiese meter en un div cada lista seguida, pero el HTML no lo puedo cambiar, y no sé que codigo CSS necesito para conseguir lo que quiero...
espero que se haya entendido