Pravidlo CSS @import
Příklad
Importujte šablonu stylů „navigation.css“ do aktuální šablony stylů:
@import
"navigation.css"; /* Using a string */
or
@import
url("navigation.css"); /* Using a url */
Další příklady níže.
Definice a použití
Pravidlo @import
umožňuje importovat šablonu stylů do jiné šablony stylů.
Pravidlo @import
musí být v horní části dokumentu (ale po jakékoli
deklaraci @charset
).
Pravidlo @import
také podporuje dotazy na média, takže můžete povolit, aby byl import závislý na médiu.
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Property | |||||
---|---|---|---|---|---|
@import | 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
Syntaxe CSS
@import url|string list-of-mediaqueries;
Hodnoty vlastností
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 |
Další příklady
Příklad
Importujte šablonu stylů „printstyle.css“ POUZE v případě, že se tiskne médium:
@import
"printstyle.css" print;
Příklad
Importujte šablonu stylů „mobstyle.css“ POUZE v případě, že médium je obrazovka a zobrazovaná oblast je maximálně 768 pixelů:
@import
"mobstyle.css" screen and (max-width: 768px);