@import
Importa una hoja de estilos externa.
Sintaxis
@import [url] (sUrl );
Valores posibles
sUrl
Cadena que especifica la dirección URL que hace referencia a otra hoja de estilos en cascada.
Observaciones
La regla no tiene un valor predeterminado.
Se necesita punto y coma (;) en la sintaxis; si se omite, la hoja de estilos no se importará correctamente y se generará un mensaje de error. El parámetro url() es opcional porque siempre hay una dirección URL después de @import.
La regla @import, al igual que el elemento link, vincula una hoja de estilos externa a un documento. Esto ayuda al autor de páginas web a crear una apariencia coherente entre las distintas páginas HTML. Mientras que el elemento link especifica el nombre de la hoja de estilos que importar mediante la propiedad href, la regla @import indica la definición de la hoja de estilos dentro de un elemento link o style.
La regla @import se debe colocar en la parte superior de la hoja de estilos, antes de cualquier declaración. Aunque las instrucciones de la regla @import puedan aparecer en cualquier lugar dentro de la definición de la hoja de estilos, las reglas incluidas en la hoja de estilos de la regla @import se aplicarán al documento antes que cualquier otra regla definida para la hoja de estilos que la contiene. El orden de las reglas afecta a la representación.
Las reglas de la hoja de estilos que contengan una regla @import reemplazarán a las reglas de la hoja de estilos importada.
Ejemplos
En los siguientes ejemplos se usa la regla @import para importar una hoja de estilos. Para que el ejemplo funcione, se debe reemplazar URL en el código de ejemplo con la dirección de una hoja de estilos:
<style type="text/css">
@import url("URL");
p {color:blue}
</style>
En el siguiente ejemplo, sin url(), el efecto es el mismo que el del ejemplo anterior:
<style type="text/css">
@import "URL";
p {color:blue}
</style>
Información sobre estándares
Esta regla se define en la especificación Cascading Style Sheets (CSS), Level 1 (CSS1) (Hojas de estilos en cascada (CSS), nivel 1 (CSS1)).