Si assegna un nome a un certo stile
.evidenziato { color:blue }
che potrà essere utilizzato per elementi HTML diversi specificandolo con l’attributo class
Questo paragrafo apparirà blue
Normale... link blue ...ancora normale
Di nuovo blue
Risulta molto utile per condividere uno stile tra elementi altrimenti formattati in modo diverso: p td a …
Si può al contrario decidere di chiamare con lo stesso nome stili diversi applicati a tag diversi se si vuole sottolineare che lo scopo è lo stesso
p.evidenziato { color:blue } a.evidenziato { color:black }
Quindi la classe evidenziato applicata a p lo rende blue, applicata ad a lo rende black
Anche le classi possono essere annidate e diventare sottoclassi
p.evidenziato { color:blue } p.evidenziato.centrato { text-align:center }
Le due sottoclassi saranno indicate insieme
Paragrafo blue
Paragrafo blue e centrato
Paragrafo normale...