Propriétés communes lors du regroupement de sélecteurs en CSS
Il arrive qu'une partie des propriétés de certains sélecteurs soit identique, et une partie - différente. Dans le code suivant, par exemple, les titres et le paragraphe ont une couleur rouge, mais le paragraphe a en plus d'autres propriétés :
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
text-align: justify;
font-size: 16px;
}
Dans un tel cas, il est possible de regrouper les parties répétitives, et d'écrire séparément ce qui ne se répète pas :
h2, h3, p {
color: red;
}
p {
text-align: justify;
font-size: 16px;
}
Simplifiez le code en utilisant le regroupement de sélecteurs :
h1 {
text-align: center;
}
h2 {
text-align: center;
color: blue;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
Simplifiez le code en utilisant le regroupement de sélecteurs :
h1 {
text-align: center;
color: red;
}
h2 {
text-align: center;
color: red;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}