En numerosas ocasiones cuando estamos desarrollando una web compartimos atributos entre diferentes elementos. La tentación natural es escribir un selector separado para cada elemento web, pero si vemos que vamos a repetirnos lo mejor es sacar el máximo provecho de nuestro CSS, tanto para ganar rapidez escribiendo el código por primera vez como para poder mantenerlo en el futuro.
¿Cómo compartimos los atributos? Pues utilizando comas. Os pongo un ejemplo:
h2 {
background: red;
}
p {
background: red;
}
Es lo mismo que:
h2, p {
background: red;
}
Cómo veis ahorramos tiempo, espacio y ganamos en facilidad de mantenimiento.
Este ejemplo puede hacernos creer que no ahorramos tanto, pero imaginaos una hoja de estilos con más de 10.000 líneas todo el ahorro que supone.
Espero que os sea de utilidad ^_^.
Comentarios