Pregunta ¿Es posible incluir un archivo CSS en otro?


¿Es posible incluir un archivo CSS en otro?


682
2017-09-29 04:23


origen


Respuestas:


Sí:

@import url("base.css");

Nota:

  • los @import regla debe preceder todas las otras reglas (excepto la @charset regla); y
  • Adicional @import las declaraciones requieren solicitudes adicionales del servidor.

Agregue CSS en un archivo para evitar múltiples solicitudes HTTP. Es decir, copia el contenido de base.css y special.css dentro base-special.css y solo referencia base-special.css)

En 2008, no todos los navegadores compatibles @import (ver Compatibilidad del navegador)


953
2017-09-29 04:29



Sí. Es posible importar archivos CSS a otro archivo CSS.

Debe ser la primera regla en la hoja de estilo que usa el @import regla.

@import "mystyle.css";
@import url("mystyle.css");

La única advertencia es que los navegadores web antiguos no lo admitirán. De hecho, este es uno de los 'hack' de CSS para ocultar estilos CSS de navegadores más antiguos.

Referirse a esta lista para soporte de navegador


125
2017-09-29 05:31



los @import url("base.css"); funciona bien, pero tenga en cuenta que cada @import declaración es una nueva solicitud al servidor. Esto puede no ser un problema para usted, pero cuando se requiere un rendimiento óptimo, debe evitar @import.


37
2017-09-29 07:06



El CSS @import regla hace precisamente eso. P.ej.,

@import url('/css/common.css');
@import url('/css/colors.css');

23
2017-09-29 04:29



Sí.

@import "your.css";

La regla está documentada aquí.


14
2017-09-29 04:33



En algunos casos, es posible usar @import "file.css", y la mayoría de los navegadores modernos deberían soportar esto, navegadores más antiguos como NN4, se volverán algo chiflados.

Nota: la declaración de importación debe preceder a todas las demás declaraciones en el archivo y probarla en todos los navegadores de destino antes de usarla en producción.


9
2017-09-29 04:31



Sí, use @import

información detallada fácilmente en Google, una buena en http://webdesign.about.com/od/beginningcss/f/css_import_link.htm


7
2017-09-29 04:33



sí, es posible usar @import y proporcionar la ruta del archivo css p.ej.

@import url("mycssfile.css");

o

@import "mycssfile.css";

5
2018-01-22 17:18