Regla @import CSS

La regla @import de CSS se utiliza para importar reglas de hojas de estilo desde otros archivos. Estas reglas deben estar ubicadas antes de todas las otras reglas de tipo, excepto las reglas @charset; Ya que @import no es una declaración anidada, no se puede usar @import dentro de grupos de condiciones.

　Sintaxis de uso de la regla @import de CSS

La sintaxis de esta regla es la siguiente:

@import url [media type,...];

El siguiente ejemplo muestra cómo usar el atributo @import.

@import url("css/layout.css");
@import url("css/color.css");
cuerpo {
　color: azul;
　fuente-tamaño:14px;
}

Puede especificar reglas @import relacionadas con los medios (es decir, los tipos de medios para los que se aplican las hojas de estilo importadas) simplemente especificando un separador de comas después de la URL.tipos de mediosoconsulta de medios.

@import url("css/default.css");
@import url("css/imprimir-style.css") imprimir;
cuerpo {
　color: red;
　fuente-tamaño:　1em;
}

Compatibilidad del navegador

Compatibilidad del atributo @import de los navegadores, los números en la siguiente tabla representan la versión mínima de los navegadores que admiten este atributo; todas las navegadores populares admiten esta regla.

Leer más

Consulte los siguientes tutoriales:Tipos de medios de CSS.