CSSRule

Baseline Widely available

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

Die CSSRule-Schnittstelle repräsentiert eine einzelne CSS-Regel. Es gibt mehrere Regeltypen, die Eigenschaften von CSSRule erben.

Instanzeigenschaften

Die CSSRule-Schnittstelle spezifiziert die allgemeinen Eigenschaften aller Regeln, während die Eigenschaften, die für spezifische Regeltypen einzigartig sind, in den spezialisierteren Schnittstellen für diese Regeltypen spezifiziert werden.

CSSRule.cssText

Repräsentiert die textuelle Darstellung der Regel, z. B. "h1,h2 { font-size: 16pt }" oder "@import 'url'". Um Teile der Regel (z. B. den Wert von "font-size" im Beispiel) zuzugreifen oder zu modifizieren, verwenden Sie die Eigenschaften der spezialisierten Schnittstelle für den Regeltyp (siehe oben).

CSSRule.parentRule Nur lesbar

Gibt die umgebende Regel zurück, andernfalls null. Z. B. wenn diese Regel eine Stilregel innerhalb eines @media-Blocks ist, wäre die übergeordnete Regel jene CSSMediaRule.

CSSRule.parentStyleSheet Nur lesbar

Gibt das CSSStyleSheet-Objekt für das Stylesheet zurück, das diese Regel enthält.

CSSRule.type Nur lesbar

Gibt eine der Typkonstanten zurück, um festzustellen, welcher Regeltyp dargestellt wird.

Beispiele

Verweise auf eine CSSRule können erhalten werden, indem Sie die cssRules-Liste eines CSSStyleSheet betrachten.

js
let myRules = document.styleSheets[0].cssRules; // Returns a CSSRuleList
console.log(myRules);

Spezifikationen

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

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch