In un documento HTML, ogni elemento è figlio di un altro elemento, fino a risalire all’elemento radice. Questa struttura ad albero può essere utilizzata nei fogli di stile per selezionare un particolare elemento figlio di un altro particolare elemento.
Data questa struttura:
<div id="content"> <p>Paragrafo</p> </div> <div> <p>Altro paragrafo</p> </div>
posso scrivere una regola di stile che utilizzi come normale selettore un paragrafo e una regola che utilizzi un selettore discendente, valida solo per l’elemento p che discende dall’elemento div con un attributo id uguale a content:
p {color: black;}
#content p {color: red;}
In questa maniera, tutti i paragrafi avranno un colore nero, ma i paragrafi contenuti all’interno dell’elemento di divisione identificato nella struttura come content avranno un colore rosso.
Pubblicato da e archiviato in Realizzazione
I commenti sono chiusi
