In aggiunta alla possibilità di definire uno stile per ogni elemento HTML, i CSS consentono di definire dei selettori “speciali” chiamati id e class.

I selettori di tipo id

I selettori di tipo id sono utilizzati per definire lo stile di un unico elemento. Possono essere applicati ad un qualunque elemento HTML attraverso l’attributo id e sono definiti anteponendo il simbolo “#” al nome scelto.

Esempio:

#paragrafo_rosso {
color: red;
font-size: 14px;
}

Lo stile definito sopra può essere applicato ad un qualunque elemento HTML. Per esempio:

<p id=”paragrafo_rosso”>Testo paragrafo</p>

I selettori di tipo classe

I selettori di tipo class, invece, sono utilizzati per definire lo stile di un gruppo di elementi. Questo consente di definire un particolare stile per una serie di elementi HTML utilizzando lo stesso selettore. I selettore di tipo classe possono essere applicati ad un qualunque elemento HTML attraverso l’attributo class ed è definito anteponendo il simbolo “.” al nome scelto.

Esempio:

.centra {
text-align: center;
}

E' anche possibile fare in modo che lo stile definito da una classe sia applicabile ad un solo specifico elemento HTML. Per esempio:

p.centra {
text-align: center;
}

In questo caso lo stile definito dalla classe .centra sarà applicabile esclusivamente ai paragrafi.

< Precedente Successiva >