CSS Tip #10 – Primi e ultimi
Scritto da Salvo il 15 febbraio 2010 con 0 commenti
I selettori Css in genere ci permettono di bersagliare oggetti specifici all’interno di strutture Html più o meno complesse, ma a volte siamo costretti a mettere mano a quest’ultimo per riuscire a prendere proprio solo ed esclusivamente l’ultimo o il primo oggetto di una serie… ma scavando a fondo nei meandri di questo linguaggio si scopre in realtà che esiste un selettore anche per quelle occasioni 
.
Abbiamo due pseudo selettori (tipo quello per il passaggio del mouse su un oggetto) per poter modificare gli aspetti dei primi e ultimi elementi di una serie, diciamo per esempio di una lista non ordinata…
Vogliamo colorare i titoli del primo e dell’ultimo episodio rispettivamente in azzurro e verde, i selettori Css saranno:
li:first-child{
color: aqua;
}
li:last-child{
color: green;
}
Qui vedete il codice in azione.
Facile no? 
Come sempre trovate tutti i codici nel CSS Tips - File di riferimento scaricabile liberamente.
Articoli correlati:
- CSS tip #5 – Menu con :hover L’interattività si sa, è una questione che va lasciata a linguaggi come Javascript e PHP, tuttavia i CSS ci permettono di mettere mano a piccole interazioni a livello visuale, grazie [...]...
- CSS tip #6 – Assoluto nel relativo Dal titolo può sembrare una notevole contraddizione, ma in ambito di CSS è una tecnica molto utile che tra le altre cose chiarisce alcuni dubbi che si hanno i primi [...]...
- CSS Tip #11 – Le immagini di sfondo Dal titolo può sembrare un argomento ovvio o scontato, tuttavia il saper padroneggiare le proprietà che regolano le immagini di sfondo in CSS è ciò che ci permette di realizzare [...]...
Riguardo Salvo...
Web designer/developer (aka Interactive Designer) dal 2006, ho lavorato in varie aziende che operano dall'e-commerce alla comunicazione multimediale, sono stato speaker a conferenze come Better Software, Codemotion e due WordCamp. Dal 2010 insegno linguaggi web alla scuola Mohole di Milano.
Se ti e' sembrato utile perche' non mi offri un caffe'?
Tutto quello che trovi su MoebiusMania.net puo' essere utilizzato liberamente e gratuitamente, se magari hai trovato qualcosa di particolarmente utile puoi mostrare il tuo apprezzamento con una minuscola donazione con Paypal o cliccando sui banner!
Quanto silenzio qui... pare che non ci siano commenti! Perche' non scrivi tu il primo?