CSS @import-Regel

Die @import CSS Regel wird verwendet, um Stilregeln aus anderen Stilblättern zu importieren. Diese Regeln müssen vor allen anderen Arten von Regeln stehen, mit Ausnahme der @charset Regel; Da @import kein geschachteltes Statement ist, kann @import nicht in bedingten Gruppenregeln verwendet werden.

　CSS @import Regel Syntax

Die Syntax dieser Regel ist wie folgt:

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

Der folgende Beispiel zeigt, wie die @import-Eigenschaft verwendet wird.

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

Sie können auch @import-Regeln, die mit Medien zusammenhängen, angeben (d.h. die Medienarten, für die die importierten Stilblätter gelten), indem Sie nach der URL Kommas getrennte Werte angeben.Media-TypoderMedia Queries.

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

Browserkompatibilität

Die Kompatibilität der @import-Eigenschaft der Browser, die Nummern in der folgenden Tabelle stellen die niedrigste Versionsnummer der Browser dar, die die Eigenschaft unterstützen; alle gängigen Browser unterstützen diese Regel.

Weiterlesen

Bitte beziehen Sie sich auf die folgenden Anleitungen:CSS Media Types.