Oggi parleremo di un argomento cruciale all’intermo dei fogli di stile, il selettore Class. Questo sellettore è utilissimo per semplificarsi il lavoro, e anche abbastanza facile da utilizzare.

Prima di tutto definiamo cosa è una classe e a che cosa ci può servire. Per classe intendiamo un insieme di un qualcosa (per esempio, di alunni) che hanno in comune uno o più attributi (nel caso della classe di alunni, potrebbero essere l’età, il bisogno di apprendere, e così via … ).

Nel caso dei fogli di stile, per classe intendiamo più oggetti che hanno le stesse caratteristiche. Quindi, possiamo definire le caratteristiche di una classe che (per esempio) chiamiamo IceFox, dicendo che tutti gli oggetti che le appartengono devono essere rossi.  Così ci basta, per ogni oggetto che vogliamo far diventare rosso, dichiarare che sia class=Icefox e sarà automaticamente rosso.

Per chi si intende di programmazione, è un pò come una chiamata a un sottoprogramma.

Per dichiarare una classe, la sintassi da seguire è la seguente:

<elemento>.nome_della_classe {caratteristiche}

Quindi, per esempio:

p.IceFox {color: red; }

In questo modo, per fare un qualsiasi altro elemento rosso, ci basterà scrivere class=”IceFox” all’interno del nostro elemento.