Regra @import CSS

A regra @import do CSS é usada para importar regras de estilo de outras tabelas de estilo. Essas regras devem estar antes de todos os outros tipos de regras, exceto a regra @charset; Como o @import não é uma declaração aninhada, não pode ser usado em regras de grupo de condições.

　Sintaxe de uso da regra @import do CSS

A sintaxe dessa regra é a seguinte:

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

O exemplo a seguir demonstra como usar o atributo @import.

@import　url("css/layout.css");
@import　url("css/color.css");
corpo　{
　cor:azul;
　fonte-tamanho:14px;
}

Você ainda pode especificar regras @import relacionadas a mídia (ou seja, o tipo de mídia para o qual o estilo da tabela de estilo é aplicado) - basta especificar uma vírgula separada após a URL.tipo de mídiaouconsulta de mídia.

@import　url("css/default.css");
@import　url("css/imprimir-style.css")　imprimir;
corpo　{
　cor:　vermelha;
　fonte-tamanho:　1em;
}

Compatibilidade do navegador

Compatibilidade do navegador do atributo @import, os números na tabela a seguir representam a versão mínima do navegador que suporta o atributo; todos os navegadores populares suportam essa regra.

Leia mais

Consulte a seguinte tutorial:Tipos de Mídia do CSS.