Regroupement des sélecteurs en CSS
Parfois, la situation suivante peut survenir :
vous devez appliquer la même chose à différentes
balises, par exemple, colorer tous les titres
h2, h3 et les paragraphes en rouge.
Dans ce cas, vous devrez écrire quelque chose
comme ceci :
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Cependant, il existe un moyen de le faire un peu plus court : les sélecteurs de balises peuvent être regroupés par une virgule et le code CSS s'appliquera à eux tous simultanément. Le code ci-dessus peut être réécrit plus brièvement de cette manière :
h2, h3, p {
color: red;
}
Simplifiez le code en utilisant le regroupement de sélecteurs :
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
