Agrupamento de seletores em CSS
Às vezes, pode surgir a seguinte situação:
você precisa fazer a mesma coisa com diferentes
tags, por exemplo, colorir todos os títulos
h2, h3 e parágrafos em vermelho.
Nesse caso, você terá que escrever algo
como isto:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
No entanto, existe uma maneira de fazer isso um pouco mais curta: os seletores de tags podem ser agrupados por vírgula e o código CSS será aplicado a todos eles simultaneamente. O código acima pode ser reescrito de forma mais curta assim:
h2, h3, p {
color: red;
}
Simplifique o código usando o agrupamento de seletores:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
