Corsi on-line

Selettori adiacenti in CSS

I selettori adiacenti sono dei costrutti per la definizione di regole di stile CSS che permettono di effettuare la selezione di componenti del markup legati da un vincolo di prossimità; in questo tipo di costrutti abbiamo un elemento “A” e un elemento “B” concatenati attraverso un operatore rappresentato dal simbolo “+”, le istruzioni delimitate dalle parentesi graffe avranno valore per la formattazione di “B” quando esso è adiacente ad “A”.

Facciamo un semplice esempio:

ul + p {
   color: #474;
}

Il selettore presentato determina la colorazione del paragrafo (elemento “B”) se posto di seguito al tag “ul” (elemento “A”) e soltanto di quello, rispettando il vincolo di prossimità stabilito dall’operatore; questo particolare tipo di costrutti è compatibile con tutte le versioni più recenti dei browser Internet più diffusi, per quanto riguarda Internet Explorer, esso è supportato a partire dalla release numero 7.

Post correlati
I più letti del mese
Tematiche