Please note, this is a STATIC archive of website developer.mozilla.org from 03 Nov 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

Revision 184576 of @import

  • Slug da revisão: CSS/@import
  • Título da revisão: @import
  • ID da revisão: 184576
  • Criado:
  • Autor: Verruckt
  • É a revisão atual? Não
  • Comentário /* Veja também */

Conteúdo da revisão

{{ CSSRef() }}

Resumo

@import é usado para importar folhas de estilos dentro de outras folhas.

Sintaxe

@import "url";
@import "url" media1, media2, ...;
@import url("url");
@import url("url") media1;

Notas

De modo que agentes do usuário possam evitar recuperar recursos para tipos não suportados de mídia, autores podem especificar regras @import dependentes de mídia. A importação destas condicionais especifica separado por vírgulas os tipos de mídia depois da URL. No all para o médio tem o mesmo efeito.

Exemplos

@import url("fineprint.css") print;
@import url("bluish.css") projection, tv;

Especificações

Compatibilidade com navegadores

Veja também

{{ Cssxref("@media") }}, {{ Cssxref("@font-face") }}, {{ Cssxref("@import") }}

Categorias

Interwiki Language Links

{{ languages( { "en": "en/CSS/@import", "fr": "fr/CSS/@import", "pl": "pl/CSS/@import" } ) }}

Fonte da revisão

<p>
{{ CSSRef() }}
</p>
<h3 id="Resumo" name="Resumo"> Resumo </h3>
<p><code>@import</code> é usado para importar folhas de estilos dentro de outras folhas.
</p>
<h3 id="Sintaxe" name="Sintaxe"> Sintaxe </h3>
<pre class="eval">@import "<i>url</i>";
@import "<i>url</i>" <i>media1</i>, <i>media2</i>, <i>...</i>;
@import url("<i>url</i>");
@import url("<i>url</i>") <i>media1</i>;
</pre>
<h3 id="Notas" name="Notas"> Notas </h3>
<p>De modo que agentes do usuário possam evitar recuperar recursos para tipos não suportados de mídia, autores podem especificar regras <code>@import</code> dependentes de mídia. A importação destas condicionais especifica separado por vírgulas os <a href="pt/CSS/@media#Media_types">tipos de mídia</a> depois da URL. No <code>all</code> para o médio tem o mesmo efeito.
</p>
<h3 id="Exemplos" name="Exemplos"> Exemplos </h3>
<pre class="eval">@import url("fineprint.css") print;
@import url("bluish.css") projection, tv;
</pre>
<h3 id="Especifica.C3.A7.C3.B5es" name="Especifica.C3.A7.C3.B5es"> Especificações </h3>
<ul><li> <a class="external" href="https://www.w3.org/TR/REC-CSS1#the-cascade">CSS 1</a>
</li><li> <a class="external" href="https://www.w3.org/TR/CSS21/cascade.html#at-import">CSS 2.1</a>
</li></ul>
<h3 id="Compatibilidade_com_navegadores" name="Compatibilidade_com_navegadores"> Compatibilidade com navegadores </h3>
<h3 id="Veja_tamb.C3.A9m" name="Veja_tamb.C3.A9m"> Veja também </h3>
<p>{{ Cssxref("@media") }},
{{ Cssxref("@font-face") }},
{{ Cssxref("@import") }}
</p><p><span class="comment">Categorias</span>
</p><p><span class="comment">Interwiki Language Links</span>
</p>{{ languages( { "en": "en/CSS/@import", "fr": "fr/CSS/@import", "pl": "pl/CSS/@import" } ) }}
Reverter para esta revisão