CSS 3 e i nuovi selettori

In questi giorni ho concluso una breve serie di articoli per Html.it in cui ho analizzato tutti i tipi di selettori inclusi nella nuova specifica.

I selettori presenti nella specifica possono essere suddivisi in 4 tipi:

1. Selettori di attributo. I selettori di attributo consentono di individuare gli elementi all’interno di una pagina in base ai loro attributi e assegnare così lo stile desiderato.
2. Pseudo-classi strutturali. Le pseudo-classi strutturali sono uno strumento che consente di selezionare gli elementi all’interno della pagina in base a delle informazioni dell’oggetto che non possono essere raggiunte da selettori semplici o combinatori.
3. Altre pseudo-classi particolari. Pseudo-classi come il not e target che consentono di assegnare degli stili in base a determinati eventi senza avere più la necessità di utilizzare Javascript.
4. Selettori combinatori.
   • Combinatore del discendente – Descendant
   • Combinatore del figlio – Child (>)
   • Combinatore dei fratelli adiacenti – Adiacent Siblings (+)
   • Combinatore generale dei fratelli – General Siblings (~)

Ho suddiviso quindi tutto l’argomento in più articoli in maniera da non dilungarmi troppo con uno solo, consentendo anche di ritrovare più facilmente l’argomento di interesse.

Chi volesse leggere gli articoli e incominciare a provare queste nuove proprietà può raggiungere gli articoli ai seguenti link:

1. I selettori di attributo nei CSS3
2. Le pseudo-classi strutturali
3. Altre pseudo-classi
4. I selettori combinatori nei CSS