¿Es posible incluir un archivo CSS en otro?
Sí:
@import url("base.css");
Nota:
@import
debe preceder a todas las demás reglas (excepto @charset
).@import
adicionales requieren peticiones adicionales al servidor. Como alternativa, concatene todo el CSS en un archivo para evitar múltiples peticiones HTTP. Por ejemplo, copie el contenido de base.css
y special.css
en base-special.css
y haga referencia sólo a base-special.css
.En algunos casos es posible usar @import "file.css", y la mayoría de los navegadores modernos deberían soportarlo, los navegadores más antiguos como NN4, se volverán ligeramente locos.
Nota: la declaración de importación debe preceder a todas las demás declaraciones en el archivo, y probarlo en todos sus navegadores de destino antes de usarlo en producción.