CSS @import-regeln

Definition och användning

Regeln @import tillåter dig att importera en stilmall till en annan stilmall.

Regeln @import måste vara placerad i dokumentets topp (men efter alla @charset-deklarationer).

Regeln @import stöder mediaqueries, så det är möjligt att tillåta beroende på media för import.

Importera "navigation.css"-stilmallen till den aktuella stilmallen:

@import "navigation.css"; /* Använd sträng */

eller

@import url("navigation.css"); /* Använd url */

Importera endast "printstyle.css"-stilmall när mediet är print:

@import "printstyle.css" print;

Importera endast "mobstyle.css"-stilmall när mediet är screen och viewportens maxbredd är 768 pixlar:

@import "mobstyle.css" screen and (max-width: 768px);

@import url|string list-of-mediaqueries;

Värde	Beskrivning
url\|string	url eller sträng, som representerar platsen för den resurs som ska importeras. url kan vara absolut eller relativ.
list-of-mediaqueries	Mediaquerieslistadskilta med kommatecken, som bestämmer under vilka förhållanden CSS-regler som引入URLintroduceras tillämpas.

Talen i tabellen anger den första webbläsarens version som fullständigt stöder egenskapen.

Chrome	IE / Edge	Firefox	Safari	Opera
1.0	5.5	1.0	1.0	3.5