Regola @import CSS

Le regole @import CSS vengono utilizzate per importare regole di stile da altri fogli di stile. Queste regole devono essere posizionate prima di tutti gli altri tipi di regole, eccetto le regole @charset; poiché @import non è una语句, non può essere utilizzato all'interno di gruppi di regole condizionali.

　Sintassi dell'uso della regola @import CSS

La sintassi di questa regola è la seguente:

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

L'esempio seguente dimostra come utilizzare l'attributo @import.

@import url("css/layout.css");
@import url("css/color.css");
body {
　color: blue;
　font-size: 14px;
}

Puoi anche specificare regole @import correlate ai media (cioè, i tipi di media per cui viene applicato il foglio di stile importato) — basterà specificare dopo l'URL, separati da virgola.Tipo di mediaoquery di media.

@import url("css/default.css");
@import url("css/print-style.css") print;
body {
　color: red;
　font-size: 1em;
}

Compatibilità del browser

Compatibilità del browser per l'attributo @import, i numeri nella tabella sottostante rappresentano la versione minima del browser che supporta l'attributo; tutte le principali browser supportano questa regola.

Leggi di più

Rifarti ai seguenti tutorial:Tipi di Media CSS.