primer - selector padre css
¿Hay alguna manera de seleccionar el último elemento de una lista con CSS? (3)
Hasta que esté correctamente soportado, deberá agregar una clase a los "últimos" elementos, según lo sugerido. Sin embargo, no tienes que hacer esto manualmente. Si puede tomar un golpe de JavaScript, eche un vistazo a cualquiera de los siguientes:
- el jQuery: selector de último hijo
- Manteniendo a los niños de sus elementos en línea con Offspring (un artículo aparte de la lista por Alex Bischoff), un método específico y más liviano
O evitará ''contaminar'' su marcado, y son perfectamente aceptables si su estilo es una ''buena adición'' en comparación con una característica de diseño ''imprescindible''.
Digamos que tengo una lista de la siguiente manera:
- Artículo 1
- item2
- item3
¿Hay un selector de CSS que me permita seleccionar directamente el último elemento de una lista? En este caso, elemento 3.
¡Aclamaciones!
No que yo supiese. La solución tradicional es etiquetar los primeros y últimos elementos con class = "first" y class = "last" para que pueda identificarlos.
El primer hijo de psudo-clase de CSS le proporcionará el primer elemento, pero no todos los navegadores lo admiten. CSS3 también tendrá último hijo (actualmente es compatible con Firefox, Safari pero no con IE 6/7 / beta 8)
¡La respuesta para esta pregunta debe ser actualizada! IE9 + Firefox (hace un tiempo) + Chrome, Safari es compatible con: last-of-type o last-child