Agrupación de Selectores y Declaraciones

Agrupación de selectores

Normalmente, se da el caso en que dos elementos del documento HTML comparten la definición de la misma propiedad CSS. Estos elementos podemos declararlos de una forma extendida:
H1 {color: purple;}
H2 {color: purple;}
H3 {color: purple;}
H4 {color: purple;}
H5 {color: purple;}
H6 {color: purple;}
O utilizar la agrupación para conseguir una declaración más compacta (el resultado es el mismo en ambos casos):
H1, H2, H3, H4, H5, H6 {color: purple;}
Otros ejemplos de estructuras de agrupación que son equivalentes:
H1 {color: purple; background: white;}

Leer artículo completo →