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 184575 of @import

  • Slug da revisão: CSS/@import
  • Título da revisão: @import
  • ID da revisão: 184575
  • Criado:
  • Autor: Verruckt
  • É a revisão atual? Não
  • Comentário /* Notas */

Conteúdo da revisão

{{template.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

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

Categorias

Interwiki Language Links

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

Fonte da revisão

<p>
{{template.CSSRef()}}
</p>
<h3 name="Resumo"> Resumo </h3>
<p><code>@import</code> é usado para importar folhas de estilos dentro de outras folhas.
</p>
<h3 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 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 name="Exemplos"> Exemplos </h3>
<pre class="eval">@import url("fineprint.css") print;
@import url("bluish.css") projection, tv;
</pre>
<h3 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 name="Compatibilidade_com_navegadores"> Compatibilidade com navegadores </h3>
<h3 name="Veja_tamb.C3.A9m"> Veja também </h3>
<p>{{template.Cssxref("@media")}}, {{template.Cssxref("@font-face")}}
</p><p><span class="comment">Categorias</span>
</p><p><span class="comment">Interwiki Language Links</span>
</p>{{ wiki.languages( { "en": "en/CSS/@import", "fr": "fr/CSS/@import", "pl": "pl/CSS/@import" } ) }}
Reverter para esta revisão