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.

We’d love to hear your thoughts on the next set of proposals for the JavaScript language. You can find a description of the proposals here.
Please take two minutes to fill out our short survey.

Das CSSRule Interface repräsentiert eine einzelne CSS-Regel. Es gibt verschiedene Regeltypen, die Eigenschaften von CSSRule erben.

Instanz-Eigenschaften

Das CSSRule Interface spezifiziert die Eigenschaften, die allen Regeln gemeinsam sind, während Eigenschaften, die für spezifische Regeltypen einzigartig sind, in den spezialisierteren Interfaces 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 zuzugreifen oder zu modifizieren (z.B. den Wert von "font-size" im Beispiel), verwenden Sie die Eigenschaften auf dem spezialisierten Interface für den Regeltyp (siehe oben).

CSSRule.parentRule Schreibgeschützt

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

CSSRule.parentStyleSheet Schreibgeschützt

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

CSSRule.type Schreibgeschützt

Gibt eine der Typkonstanten zurück, um zu bestimmen, welcher Regeltyp repräsentiert wird.

Beispiele

Referenzen auf eine CSSRule können durch das Überprüfen der cssRules-Liste eines CSSStyleSheet erhalten werden.

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

Siehe auch