html - practicas - ¿Debería aplicarse el estilo de lista de propiedades CSS a<ul>/<ol> o<li>?
practicas de listas en html (3)
Como no tener un estilo de lista es generalmente más común que tener un estilo de lista, personalmente lo aplico a ambos en un restablecimiento global en la parte superior de mi hoja de estilo.
La mayoría de los sitios muestran la sintaxis como la aplicación list-style
al <li>
pero he visto algunos sitios de tutoriales (como este ) que aplican list-style
a <ul>
o <ol>
.
¿Cuál es la forma "correcta"?
De acuerdo con la referencia de W3C CSS2, que se puede encontrar here ,
Otra solución sería especificar información de "estilo de lista" solo en los elementos de tipo de lista:
ol.alpha { list-style-type: lower-alpha } ul { list-style-type: disc }
La herencia transferirá los valores de ''estilo de lista'' de elementos OL y UL a elementos LI. Esta es la forma recomendada de especificar la información del estilo de la lista.
Entonces puede hacerlo en el nivel general de la lista si todos sus elementos van a ser iguales, pero puede hacerlo en el nivel de entrada de la lista si, por ejemplo, algunas entradas tendrían diferentes glifos (como un cuadrado en lugar de un disco) ) para transmitir algún significado. También puede hacer ambas cosas , con el estilo de nivel de lista que sirve como predeterminado para que se anule (¡pero tenga cuidado con la precedencia del selector!).
La especificación recomienda que lo configure en las etiquetas <ul>
y <ol>
, y no en <li>
.