Propriedades comuns ao agrupar seletores em CSS
Às vezes, parte das propriedades de alguns seletores é igual, e parte é diferente. No código a seguir, por exemplo, os títulos e o parágrafo têm a cor vermelha, mas o parágrafo, além disso, tem outras propriedades:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
text-align: justify;
font-size: 16px;
}
Nesse caso, você pode agrupar as partes repetidas e escrever o que não se repete separadamente:
h2, h3, p {
color: red;
}
p {
text-align: justify;
font-size: 16px;
}
Simplifique o código usando o agrupamento de seletores:
h1 {
text-align: center;
}
h2 {
text-align: center;
color: blue;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
Simplifique o código usando o agrupamento de seletores:
h1 {
text-align: center;
color: red;
}
h2 {
text-align: center;
color: red;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
