Regra CSS @import
Exemplo
Importe a folha de estilo "navigation.css" para a folha de estilo atual:
@import
"navigation.css"; /* Using a string */
or
@import
url("navigation.css"); /* Using a url */
Mais exemplos abaixo.
Definição e uso
A @import
regra permite importar uma folha de estilo para outra folha de estilo.
A @import
regra deve estar na parte superior do documento (mas após qualquer
declaração @charset
).
A @import
regra também oferece suporte a consultas de mídia, portanto, você pode permitir que a importação dependa da mídia.
Suporte ao navegador
Os números na tabela especificam a primeira versão do navegador que oferece suporte total à propriedade.
Property | |||||
---|---|---|---|---|---|
@import | 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
Sintaxe CSS
@import url|string list-of-mediaqueries;
Valores de propriedade
Value | Description |
---|---|
url|string | A url or a string representing the location of the resource to import. The url may be absolute or relative |
list-of-mediaqueries | A comma-separated list of media queries conditioning the application of the CSS rules defined in the linked URL |
Mais exemplos
Exemplo
Importe a folha de estilo "printstyle.css" SOMENTE se a mídia for impressa:
@import
"printstyle.css" print;
Exemplo
Importe a folha de estilo "mobstyle.css" SOMENTE se a mídia for tela e a janela de visualização tiver no máximo 768 pixels:
@import
"mobstyle.css" screen and (max-width: 768px);