Propiedades comunes al agrupar selectores en CSS
Sucede que parte de las propiedades de algunos selectores son iguales, y parte son diferentes. En el siguiente código, por ejemplo, los encabezados y el párrafo tienen color rojo, pero el párrafo además de esto tiene otras propiedades:
h2 {
color: red;
}
h3 {
color: red;
}
p {
color: red;
text-align: justify;
font-size: 16px;
}
En tal caso, se pueden agrupar las partes repetidas, y lo que no se repite, escribirlo por separado:
h2, h3, p {
color: red;
}
p {
text-align: justify;
font-size: 16px;
}
Simplifique el código usando agrupación de selectores:
h1 {
text-align: center;
}
h2 {
text-align: center;
color: blue;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
Simplifique el código usando agrupación de selectores:
h1 {
text-align: center;
color: red;
}
h2 {
text-align: center;
color: red;
}
h3 {
text-align: center;
font-size: 16px;
color: red;
}
