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 declaraciones de las reglas para hacer las hojas de estilos más eficientes:

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

El ejemplo anterior tiene el mismo efecto que las tres reglas anteriores, pero es más eficiente y es más fácil de modificar y mantener por parte de los diseñadores. Como CSS ignora los espacios en blanco y las nuevas líneas, también se pueden agrupar las reglas de la siguiente forma:

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

Si se quiere reducir al máximo el tamaño del archivo CSS para mejorar ligeramente el tiempo de carga de la página web, también es posible indicar la regla anterior de la siguiente forma:

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

Pros y contras de Adsense Tienes un sitio Web en marcha hace ya algún tiempo, está generando un buen número de visitas todos los días, y estás pensando seriamente si poner o no...
¿Qué es la tecnología 4K? La tecnología 4K que integran los televisores más novedosos consiste en una mejora de la resolución de la imagen, que cuadruplica la ofrecida por la a...
Portal de Anuncios Clasificados para Adultos Plataforma: LAMP CMS: WordPress Front End Colores usados, negro, rojo, gris, blancos Pagina de inicio con disclaimer, opcional, recomendada El ...
¿Cuando un disco duro deja de funcionar comienza el caos o hay solución? Disco duro IBM ,modelo 62PC, de 64,5 Megabytes, producido en el año 1979 Muchas veces me han preguntado sobre la vida media de las partes del PC, ...
mysqli connect mysqli_connect, mysqli() — Abre una nueva conexión al servidor MySQL Descripción Estilo por procedimientos mysqli mysqli_connect ( ]]]]] ) Estilo...
Samsung en alerta! Los Galaxy Note 7 reemplazados siguen explotando Según informa CNN Money, El consumidor se llama Hui Renjie, y compró el Galaxy Note 7 el pasado domingo día 25. Después de dejarlo cargando toda la no...
Instagram ahora con fotografías en mapas Instagram se usa para la publicación de nuestras fotos en los móviles, y acaba de lanzar esta nueva funcionalidad con la que se pueden geolocalizar la...
HP y Microsoft presentan una oferta cloud conjunta HP y Microsoft han firmado un acuerdo que les llevará a unir sus plataformas de comunicaciones y colaboración basadas en cloud en los próximos cuatro ...
Firefox 14 viene con lector de PDF incluido.. El desarrollo de Firefox 14 agrega otra característica haciendo que los plugins de terceros sean cosa del pasado al integrar un lector PDF. Se trata d...
Como crear collages de fotos con #Instagram Después del éxito que tuvo “Hyperlapse” el año pasado, Instagram lanzó una tercera aplicación para móviles: “Layout”, una app dedicada a la creaci...
Agrupación de reglas en CSS
Tagged on: