C'è un modo per selezionare l'ultimo elemento di un elenco con CSS?

Question

Supponiamo che io abbia un elenco come segue:

• elemento1
• elemento2
• elemento3

Esiste un selettore CSS che mi consentirà di selezionare direttamente l'ultimo elemento di un elenco?In questo caso punto 3.

Saluti!

Answer 1

Non che ne sia a conoscenza.La soluzione tradizionale è taggare il primo e l'ultimo elemento con class="first" & class="last" in modo da poterli identificare.

La pseudo-classe CSS Primogenito ti darà il primo elemento ma non tutti i browser lo supportano.CSS3 avrà anche l'ultimo figlio (al momento è supportato da Firefox, Safari ma non da IE 6/7/beta 8)

Answer 2

Fino a quando non sarà adeguatamente supportato, dovrai aggiungere una classe agli "ultimi" elementi, come suggerito.Non è necessario farlo manualmente, però.Se riesci a ottenere un successo JavaScript, dai un'occhiata a:

• il selettore jQuery:last-child
• Mantenere i figli dei tuoi elementi in linea con la prole (un articolo con elenco a parte di Alex Bischoff), un metodo specifico e più leggero

Entrambi eviteranno di "inquinare" il tuo markup e sono perfettamente accettabili se il tuo stile è una "bella aggiunta" invece di una caratteristica di design "indispensabile".

Answer 3

La risposta a questa domanda dovrebbe essere aggiornata!IE9 + Firefox (tempo fa) + Chrome, Safari supportano tutti: last-of-type O last-child