@import

Resumen

La regla-at CSS @import  permite importar reglas desde otras hojas de estilo. Estas reglas deben preceder a todos los otros tipos de reglas, excepto a las reglas @charset; como esto no es una declaraci贸n anidada, no puede ser usado dentro de grupos condicionales de reglas-at.

Para que los agentes de usuario puedan evitar recuperar recursos para tipos de medios no soportados, los autores pueden especificar reglas dependientes del tipo de medio @import. Estas condiciones @import se especifican separando por una coma las consultas de medios (media query) despues de la url. En la ausencia de cualquier consulta de medios (media query), la importaci贸n es incondicional. Especificando  all para el medio tiene el mismo efecto.

Sintaxis

@import url;                      or
@import url list-of-media-queries;

D贸nde :

url
es una <string> (en-US) o un <uri> (en-US)
Representa la ubicaci贸n del recurso a importar. La url puede ser absoluta o relativa.
list-of-media-queries
Es una lista separada por comas de consultas de medios (media query) que condicionan la aplicaci贸n de las reglas CSS definidas en el enlace url. Si el navegador no soporta cualquiera de estos consultas de medios (media query),  ni siquiera cargar谩 el recurso vinculado.

Ejemplos

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

Especificaciones

Especificaci贸n Estado Comentario
Media Queries
La definici贸n de '@import' en esta especificaci贸n.
Recommendation Extiende la sintaxis para soportar cualquier consultas de medios (media query) y no s贸lo los tipos de medios simples.
CSS Level 2 (Revision 1)
La definici贸n de '@import' en esta especificaci贸n.
Recommendation A帽ade soporte para <string> (en-US)
 para denotar la url de una hoja de estilo,
y es requerida para insertar la regla @import  en el principio del documento CSS.
CSS Level 1
La definici贸n de '@import' en esta especificaci贸n.
Recommendation  

Compatibilidad de navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help! (en-US)

Caracter铆stica Chrome Firefox (Gecko) Internet Explorer Opera Safari
Soporte b谩sico (Yes) (Yes) 5.5 (Yes) (Yes)
Caracter铆stica Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Soporte b谩sico (Yes) (Yes) 5.5 (Yes) (Yes)