Agrupación de reglas en CSS

Cuando se crean archivos CSS complejos con decenas o cientos de reglas, es habitual que los estilos que se aplican a un mismo selector se definan en diferentes reglas:

h1 { color: red; }
...
h1 { font-size: 2em; }
...
h1 { font-family: Verdana; }

Las tres reglas anteriores establecen el valor de tres propiedades diferentes de los elementos

. Antes de que el navegador muestre la página, procesa todas las reglas CSS de la página para tener en cuenta todos los estilos definidos para cada elemento.Cuando el selector de dos o más reglas CSS es idéntico, se pueden agrupar las…