CSS- @import- Regel
Beispiel
Importieren Sie das Stylesheet „navigation.css“ in das aktuelle Stylesheet:
@import
"navigation.css"; /* Using a string */
or
@import
url("navigation.css"); /* Using a url */
Weitere Beispiele unten.
Definition und Verwendung
Mit der @import
Regel können Sie ein Stylesheet in ein anderes Stylesheet importieren.
Die @import
Regel muss am Anfang des Dokuments stehen (aber nach jeder
@charset-
Deklaration).
Die @import
Regel unterstützt auch Medienabfragen, sodass Sie den Import medienabhängig zulassen können.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die die Eigenschaft vollständig unterstützt.
Property | |||||
---|---|---|---|---|---|
@import | 1.0 | 5.5 | 1.0 | 1.0 | 3.5 |
CSS-Syntax
@import url|string list-of-mediaqueries;
Eigenschaftswerte
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 |
Mehr Beispiele
Beispiel
Importieren Sie das Stylesheet „printstyle.css“ NUR, wenn es sich um Druckmedien handelt:
@import
"printstyle.css" print;
Beispiel
Importieren Sie das Stylesheet „mobstyle.css“ NUR, wenn das Medium ein Bildschirm ist und der Darstellungsbereich maximal 768 Pixel groß ist:
@import
"mobstyle.css" screen and (max-width: 768px);