¿Es posible incluir un archivo CSS en otro?
¿Es posible incluir un archivo CSS en otro?
Aceptado
Sí:
@import url("base.css");
Nota:
- La
@importregla debe preceder a todas las demás reglas (excepto@charset). - Las declaraciones adicionales
@importrequieren solicitudes adicionales del servidor. Como alternativa, concatene todo el CSS en un solo archivo para evitar múltiples solicitudes HTTP. Por ejemplo, copie el contenido debase.cssyspecial.cssenbase-special.csssolo referenciabase-special.css.
Sí. Es posible importar un archivo CSS a otro archivo CSS.
Debe ser la primera regla en la hoja de estilo que utiliza la regla @import .
@import "mystyle.css";
@import url("mystyle.css");
La única advertencia es que los navegadores web más antiguos no lo admitirán. De hecho, este es uno de los 'trucos' de CSS para ocultar estilos CSS de navegadores más antiguos.
Consulte esta lista para obtener compatibilidad con el navegador.
Funciona @import url("base.css");bien, pero tenga en cuenta que cada @importdeclaración es una nueva solicitud al servidor. Puede que esto no sea un problema para usted, pero cuando se requiere un rendimiento óptimo, debe evitar el archivo @import.
La regla CSS @importhace precisamente eso. P.ej,
@import url('/css/common.css');
@import url('/css/colors.css');
