Listas enumeradas

Puede darse el caso en que necesitemos crear listas numeradas anidadas con la etiqueta < ol> y hacer, siempre, un código accesible por lo que el '< ol value="4">' ya no es válido y hay que hacerlo mediante CSS.

El código que debemos usar es este. (Suponemos que queremos empezar con el item 5)

/* listas numeradas anidadas */
ol { counter-reset: item; }
ol > li { display: block; }
ol > li:before { content: counters(item, ".") " "; counter-increment: item; }

/* estilo para la continuación de la lista PARTE II */
ol#parte_dos { counter-reset: item 4 }
ol#parte_dos > li { display: block; }
ol#parte_dos > li:before { content: counters(item, ".") " "; counter-increment: item; }

nota: este código debe ir en style.css

Comentarios

Enviar un comentario nuevo

Smileys
:);):(:D}:):P:O:?8):jawdrop::sick:
El contenido de este campo se mantiene como privado y no se muestra públicamente.
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Saltos automáticos de líneas y de párrafos.
  • Textual smileys will be replaced with graphical ones.

Más información sobre opciones de formato

Captcha
Esta pregunta es para probar que el que escribe el comentario es un humano
4 + 0 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.

Tienda de música online