CSS @import Regola
Esempio
Importa il foglio di stile "navigation.css" nel foglio di stile corrente:
@import
"navigation.css"; /* Using a string */
or
@import
url("navigation.css"); /* Using a url */
Altri esempi di seguito.
Definizione e utilizzo
La @import
regola consente di importare un foglio di stile in un altro foglio di stile.
La @import
regola deve essere all'inizio del documento (ma dopo qualsiasi
dichiarazione @charset
).
La @import
regola supporta anche le media query, quindi puoi consentire all'importazione di dipendere dal media.
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente la proprietà.
Property | |||||
---|---|---|---|---|---|
@import | 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
Sintassi CSS
@import url|string list-of-mediaqueries;
Valori di proprietà
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 |
Altri esempi
Esempio
Importa il foglio di stile "printstyle.css" SOLO se il supporto è stampato:
@import
"printstyle.css" print;
Esempio
Importa il foglio di stile "mobstyle.css" SOLO se il supporto è a schermo e il viewport è massimo 768 pixel:
@import
"mobstyle.css" screen and (max-width: 768px);