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

Trackback URL for this post:

http://cyfuss.com/trackback/1015

Posteado en

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.
  • Etiquetas HTML permitidas: <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
16 + 1 =
Solve this simple math problem and enter the result. E.g. for 1+3, enter 4.