Introduzione ai CSS - HTML5 con CSS e JavaScript - page 69

dell'attributo class , poi, è possibile specificare più stili da applicare a un elemento, evi-
tando duplicazione di stili.
Il vero vantaggio derivante dall'uso degli stili con classe, comunque, è quello di poter
definire agevolmente una regola da applicare in casi speciali e, al tempo stesso, lasciare che
altri tag si comportino in modo differente. La figura 4.2 mostra l'esempio all'opera.
Figura 4.2 - Applicando gli stili con classe, diventa più facile riutilizzare in diversi conte-
sti lo stesso stile.
Possiamo specificare più stili semplicemente separandoli con una virgola, oppure mischiare
definizione di tag e stili con classe. Nell'esempio 4.7 viene mostrato come.
Esempio 4.7
strong, .bold {
...
}
In questo caso, la regola sarà applicata a tutti i tag strong e a tutti quelli che hanno come
class il valore “bold”.
È anche possibile specificare dei criteri di selezione più complessi, che sono general-
mente indicati con il termine selettori e che verranno specificati tra qualche paragrafo in
questo stesso capitolo.
Stile con ID
Un ulteriore modo per specificare gli stili è quello di fare riferimento alla proprietà id che
ciascun tag presenta. Attraverso questa proprietà possiamo definire un determinato tag in
maniera univoca all'interno del documento. Generalmente questa proprietà è utilizzata con
JavaScript, ma resta possibile farlo anche nei CSS. L'esempio 4.8 ci introduce alla sintassi
da utilizzare.