Raggruppamento di selettori in CSS
A volte può verificarsi la seguente situazione:
è necessario applicare la stessa modifica a diversi
tag, ad esempio, colorare tutti i titoli
h2, h3 e i paragrafi in rosso.
In questo caso, dovreste scrivere qualcosa
di simile a questo:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Tuttavia, esiste un modo per farlo in modo più breve: i selettori di tag possono essere raggruppati tramite virgola e il codice CSS verrà applicato a tutti loro simultaneamente. Il codice sopra riportato può essere riscritto in modo più breve così:
h2, h3, p {
color: red;
}
Semplifica il codice utilizzando il raggruppamento dei selettori:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
