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