Selettori di base
Il più semplice selettore da specificare è un tag HTML In questo caso tutto il contenuto di quel determinato tag avrà le proprietà specificate.

Se ad esempio digitiamo :
h3 { color:red; } impostiamo il testo dentro tag h3 in rosso

Si possono definire proprietà per più tag elencandoli nel selettore separati da una virgola :
h1 , h3 { color:red; }

Il selettore universale
Il selettore universale, scritto *, seleziona il nome di ogni tipo di elemento. Seleziona ogni singolo elemento nell' albero del documento. Se il selettore universale non è il solo componente di un selettore semplice, il * può essere omesso.

Selettori di discendenti
A volte gli autori possono volere selezionare un elemento che sia il discendente di un altro elemento nell'albero del documento. Un selettore di discendente è costituito da due o più selettori separati da uno spazio bianco. Un selettore di discendente della forma "A B" seleziona quando un elemento B è un arbitrario discendente di un elemento antenato A.

Se ad esempio digitiamo :
H1 EM { color: blue }
Dciamo all'elaboratore di dare il colore blue a tutti gli elementi EM contenuti nel tag H1.

COMMENTI