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.

Die CSSImportRule-Schnittstelle repräsentiert eine @import At-Regel.

Instanzeigenschaften

Erbt Eigenschaften von seinem Vorfahren CSSRule.

CSSImportRule.href Nur lesbar: Gibt die URL zurück, die durch die @import-Regel angegeben wird.
CSSImportRule.layerName Nur lesbar: Gibt den Namen der Kaskadenschicht zurück, die in der @import-Regel deklariert ist, den 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 Nur lesbar: Gibt das zugehörige Stylesheet zurück.
CSSImportRule.supportsText Nur lesbar: Gibt die Supports-Bedingung zurück, die durch die @import-Regel angegeben wird.

Instanzmethoden

Erbt Methoden von seinem Vorfahren CSSRule.

Beispiele

Das Dokument enthält ein einzelnes Stylesheet, das eine einzelne @import-Regel enthält. Daher wird das erste Element in der Liste der CSS-Regeln eine CSSImportRule sein.

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