¿Es posible incluir un archivo CSS en otro?

¿Es posible incluir un archivo CSS en otro?

Sí:

@import url("base.css"); 

Nota:

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

Agregue CSS en un archivo para evitar múltiples solicitudes HTTP. Es decir, copie los contenidos de base.css y special.css en base-special.css y base-special.css referencia únicamente a base-special.css ).

En 2008, no todos los navegadores admiten @import (consulte Compatibilidad del navegador ).

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

Debe ser la primera regla en la hoja de estilo usando la regla @import .

 @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.

Consulte esta lista para obtener soporte para el navegador.

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

La regla @import CSS hace justamente eso. P.ej,

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

Sí.

 @import "your.css"; 

La regla está documentada aquí .

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 statement 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.

Sí, use @import

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

sí, es posible usar @import y proporcionar la ruta del archivo css, por ejemplo

 @import url("mycssfile.css"); 

o

 @import "mycssfile.css"; 

@import("/path-to-your-styles.css");

Esa es la mejor manera de incluir una hoja de estilo css dentro de una hoja de estilo css usando css.

La regla “@import” podría llamar en múltiples archivos de estilos. El navegador o el agente de usuario llaman a estos archivos cuando es necesario, por ejemplo, las tags HTML llaman al CSS.

    Using @import       

El archivo CSS “main.css” contiene la siguiente syntax:

 @import url("fineprint.css") print; @import url("bluish.css") projection, tv; @import 'custom.css'; @import url("chrome://communicator/skin/"); @import "common.css" screen, projection; @import url('landscape.css') screen and (orientation:landscape); 

Para insertar en el elemento de estilo use createTexNode no use innerHTML pero:

  

Sí Puede importar fácilmente un CSS a otro (en cualquier lugar del sitio web). Tiene que usar como:

 @import url("url_path"); 
 @import url('style.css'); 

A diferencia de la mejor respuesta, no se recomienda agregar todos los archivos CSS en un solo fragmento al usar HTTP / 2.0.

canta la regla @import de CSS aquí

 @import url('/css/header.css') screen; @import url('/css/content.css') screen; @import url('/css/sidebar.css') screen; @import url('/css/print.css') print; 

Creé el archivo main.css e incluí todos los archivos css.

Podemos incluir solo un archivo main.css

 @import url('style.css'); @import url('platforms.css'); 

Importar bootstrap con altervista y wordpress

Lo uso para importar bootstrap.css en altervista con wordpress

 @import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"); 

y funciona bien, ya que eliminaría el código html link rel si lo pongo en una página

Por alguna razón, @import no funcionó para mí, pero realmente no es necesario, ¿verdad?

Esto es lo que hice en su lugar, dentro del html:

     

Tenga en cuenta que media = “print” tiene 2 hojas de estilo: myap-print.css y myap-screen.css. Es el mismo efecto que incluir myap-screen.css dentro de myap-print.css.

Me encontré con esto y solo quería decir POR FAVOR, NO USE @IMPORT EN CSS !!!! La statement de importación se envía al cliente y el cliente realiza otra solicitud. Si desea dividir su CSS entre varios archivos, use Less. En Less, la instrucción de importación ocurre en el servidor y la salida se almacena en caché y no crea una penalización de rendimiento forzando al cliente a hacer otra conexión. Sass también es una opción otra que no he explorado. Francamente, si no estás usando Less o Sass, entonces deberías comenzar. http://willseitz-code.blogspot.com/2013/01/using-less-to-manage-css-files.html