Parece que no puedo encontrar una respuesta definitiva sobre si debería aplicar el estilo de estilo de lista de estilo (o cualquiera de sus parientes) a las etiquetas ul/ol o al li etiqueta. Esto es probablemente porque no hace ninguna diferencia, pero tal vez alguien podría confirmarlo y ofrecer una sugerencia sobre las mejores prácticas.aplicar list-style-type a ul o li
Respuesta
la mejor práctica es asignar estilos de lista a la propia lista (ul, ol), y Li tendrá que debido a la cascada
de la recomendación CSS2.1 W3:
herencia será 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. Sin embargo
, Internet Explorer 6 y 7 no reconocerán esta herencia correctamente, por lo que tendrá que aplicar los estilos de lista de elementos li si va a apoyarlos
Como se puede ver en la W3C documentation, se aplica a los elementos con display: list-item
, que significa ul
y ol
elementos.
realidad, '' ul' y ol' tener 'display: block'. 'li' es abbr para' item de lista' – Einacio
Es cierto. De todos modos, la propiedad es ** heredada ** por lo que los elementos li la obtienen. – entropid
excepto por ie6/7 ... para ser claro? – byronyasgur
- 1. html ul li - tabs
- 2. ul li flotado con
- 3. Cómo desplazar elementos LI a una altura fija UL?
- 4. ¿Cómo contar li que no tiene ul?
- 5. Lista de selección de JQuery ul li
- 6. Orchard Query List Rendering - Eliminar ul li
- 7. CSS ul li: Evitar bordes dobles
- 8. HTML5 UL LI se pueden arrastrar
- 9. Crea elementos ul y li en javascript.
- 10. obtener toda li dentro ul usando jQuery
- 11. Diferencia entre "#someid ul li.someclass a" y "#someid ul li .someclass a"? (observe el espacio en blanco)
- 12. etiqueta de anclaje dentro de ul antes de li
- 13. Barra de desplazamiento vertical UL o DIV
- 14. jQuery Eliminar LI de UL con un hipervínculo en el LI
- 15. Ordenando lista html ul/li en bloques verticales alfabéticos
- 16. CSS: UL horizontal donde LI contiene una TABLA. ¿Posible?
- 17. JQuery - ¿Cómo mover un li a otra posición en el ul? (intercambio de 2 li's)
- 18. evitar eventos dobles (onclick) con ul/li anidado
- 19. jQuery, encontrar el nombre de clase li (dentro de ul)
- 20. jQuery.each - Obtención de elementos dentro de una li ul
- 21. jquery count li elements inside ul -> length?
- 22. JQuery - $ ('# test ul> li'). Índice (2) .hide(); - ¿posible?
- 23. agregar li al medio de la ul (jquery)
- 24. li ul li es demasiado larga, la línea se envuelve pero no se indention
- 25. Determine si un UL tiene 1 o más LI dentro de
- 26. ¿Cómo generar una lista UL Li a partir de una matriz de cadenas utilizando jquery?
- 27. Listas válidas dentro de listas - ul inside ul
- 28. jQuery Agregar clase para li actual y eliminar li anterior cuando se haga clic en el interior li a
- 29. Adjuntar a la penúltima li
- 30. Aplicar una función a todos los valores en una matriz
Gracias. ¿Puedo aclarar exactamente? Que esto significa efectivamente que para soportar IE6 & 7 esto significa que uno necesitaría aplicar estilo de tipo lista tanto a ul (o ol) como a li. – byronyasgur
just li funcionará para todos los navegadores – Einacio