I selettori CSS permettono di identificare gli elementi HTML a cui applicare gli stili.
Tipi di selettori base
- Selettore di elemento: p { } - seleziona tutti i paragrafi
- Selettore di classe: .nome-classe { } - seleziona elementi con quella classe
- Selettore ID: #nome-id { } - seleziona l'elemento con quell'ID
- Selettore universale: * { } - seleziona tutti gli elementi
Esempio pratico
/* Selettore elemento */
p { color: blue; }
/* Selettore classe */
.evidenziato { background: yellow; }
/* Selettore ID */
#header { font-size: 24px; }