Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

Übersicht

Die @import CSS @-Regel wird verwendet, um Stilregeln anderer Stylesheets zu importieren. Diese Regeln müssen allen anderen Typen von Regeln vorangehen außer @charset Regeln; da sie kein verschachteltes Statement ist, kann @import nicht innerhalb bedingter Gruppen-@-Regeln verwendet werden.

Damit User Agents verhindern können, Ressourcen für nicht unterstützte Medientypen zu holen, können Autoren medienabhängige @import Regeln definieren. Diese bedingten Importe definieren kommaseparierte Media Queries nach dem URI. Falls keine Media Query angegeben wurde, ist der Import unbedingt. Die Angabe von all für das Medium hat denselben Effekt.

Syntax

@import url;
@import url list-of-media-queries;

wobei:

url
Ist ein <string> oder ein <uri>, der die Adresse der zu importierenden Ressource repräsentiert. Der URL kann absolut oder relativ sein. Beachte, dass der URL nicht unbedingt eine Datei referenzieren muss; er kann auch nur den Packagenamen und -teil angeben und die passende Datei wird automatisch ausgewählt (z. B. chrome://communicator/skin/). Siehe hier für mehr Informationen.
list-of-media-queries
Ist eine kommaseparierte Liste von Media Queries, die die Anwendung der in dem verlinkten URL definierten CSS Regeln bedingt. Falls der Browser keine dieser Media Queries unterstützt, lädt er die verlinkte Ressource nicht.

Formale Syntax

@import [ <string> | <url> ] [<media-query-list>]?;

Beispiele

@import url("fineprint.css") print;
@import url("bluish.css") projection, tv;
@import 'custom.css';
@import url("chrome://communicator/skin/");
@import "common.css" screen, projection;
@import url('landscape.css') screen and (orientation:landscape);

Spezifikationen

Spezifikation Status Kommentar
Media Queries
Die Definition von '@import' in dieser Spezifikation.
Empfehlung Erweitert die Syntax zur Unterstützung beliebiger Media Queries und nicht nur einfache Medientypen.
CSS Level 2 (Revision 1)
Die Definition von '@import' in dieser Spezifikation.
Empfehlung Fügt Unterstützung für <string> hinzu, um den URL eines Stylesheets anzugeben,
und Voraussetzung dafür, die @import Regel am Anfang des CSS Dokuments anzugeben.
CSS Level 1
Die Definition von '@import' in dieser Spezifikation.
Empfehlung Ursprüngliche Definition

Browser Kompatibilität

Merkmal Chrome Firefox (Gecko) Internet Explorer Opera Safari
Grundlegende Unterstützung (Ja) (Ja) 5.5 (Ja) (Ja)
Merkmal Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Grundlegende Unterstützung (Ja) (Ja) 5.5 (Ja) (Ja)

Schlagwörter des Dokuments und Mitwirkende

Schlagwörter: 
 Mitwirkende an dieser Seite: Guillaume-Heras, mrstork, Sebastianz, fscholz, SJW, Michael2402
 Zuletzt aktualisiert von: Guillaume-Heras,