CSSImportRule

Baseline Widely available *

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

* Some parts of this feature may have varying levels of support.

Die CSSImportRule-Schnittstelle repräsentiert eine @import-at-rule.

Instanz-Eigenschaften

Erbt Eigenschaften von ihrem Vorfahren CSSRule.

CSSImportRule.href Schreibgeschützt: Gibt die URL zurück, die von der @import-Regel angegeben wird.
CSSImportRule.layerName Schreibgeschützt: Gibt den Namen der Kaskadenschicht zurück, die in der @import-Regel deklariert ist, einen leeren String, wenn die Schicht anonym ist, oder null, wenn die Regel keine deklariert.
CSSImportRule.media: Gibt den Wert des media-Attributs des zugehörigen Stylesheets zurück.
CSSImportRule.styleSheet Schreibgeschützt: Gibt das zugehörige Stylesheet zurück.
CSSImportRule.supportsText Schreibgeschützt: Gibt die Support-Bedingung zurück, die von der @import-Regel angegeben wird.

Instanz-Methoden

Erbt Methoden von ihrem Vorfahren CSSRule.

Beispiele

Das Dokument enthält ein einziges Stylesheet, welches eine einzige @import-Regel enthält. Daher ist das erste Element in der Liste der CSS-Regeln eine CSSImportRule.

css

@import url("style.css") screen;

const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); // A CSSImportRule instance object

Spezifikationen

Specification
CSS Object Model (CSSOM) # the-cssimportrule-interface

Browser-Kompatibilität

BCD tables only load in the browser