¿Existe alguna forma de seleccionar el último elemento de una lista con CSS?

Question

Digamos que tengo una lista de la siguiente manera:

• Artículo 1
• elemento2
• elemento3

¿Existe un selector de CSS que me permita seleccionar directamente el último elemento de una lista?En este caso el punto 3.

¡Salud!

Answer 1

No que yo supiese.La solución tradicional es etiquetar el primer y el último elemento con class="first" & class="last" para poder identificarlos.

La psudoclase CSS primer hijo obtendrá el primer elemento, pero no todos los navegadores lo admiten.CSS3 tendrá último hijo también (Esto es actualmente compatible con Firefox, Safari pero no con IE 6/7/beta 8)

Answer 2

Hasta que sea compatible adecuadamente, deberá agregar una clase a los "últimos" elementos, como se sugiere.Sin embargo, no es necesario que haga esto manualmente.Si puede recibir un golpe de JavaScript, eche un vistazo a:

• el jQuery: selector del último hijo
• Mantener a los hijos de sus elementos en línea con la descendencia (un artículo aparte de Alex Bischoff), un método específico y más liviano

Cualquiera de los dos evitará "contaminar" su marcado y es perfectamente aceptable si su estilo es una "buena adición" en lugar de una característica de diseño "imprescindible".

Answer 3

¡La respuesta a esta pregunta debe actualizarse!IE9 + Firefox (hace un tiempo) + Chrome, Safari son compatibles: last-of-type o last-child