Agrupación de selectores en CSS
A veces puede surgir la siguiente situación:
necesitas aplicar lo mismo a diferentes
etiquetas, por ejemplo, colorear todos los encabezados
h2, h3 y párrafos en color rojo.
En este caso, tendrías que escribir algo
como esto:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
}
Sin embargo, existe una manera de hacer esto un poco más breve: los selectores de etiquetas se pueden agrupar mediante comas y el código CSS se aplicará a todos ellos simultáneamente. El código anterior se puede reescribir de forma más breve de esta manera:
h2, h3, p {
color: red;
}
Simplifica el código usando la agrupación de selectores:
h1 {
text-align: center;
}
h2 {
text-align: center;
}
h3 {
text-align: center;
}
