CSSStyleRule

Die CSSStyleRule-Schnittstelle repräsentiert eine einzelne CSS-Stilregel.

Instanz-Eigenschaften

Erbt Eigenschaften von seinen Vorfahren CSSGroupingRule und CSSRule.

CSSStyleRule.selectorText

Gibt die textuelle Darstellung des Selektors für diese Regel zurück, z. B. "h1, h2".

CSSStyleRule.style Schreibgeschützt

Gibt das CSSStyleProperties-Objekt für die Regel zurück, das deren Stile repräsentiert.

CSSStyleRule.styleMap Schreibgeschützt

Gibt ein StylePropertyMap-Objekt zurück, das Zugriff auf die Eigenschaft-Wert-Paare der Regel bietet.

Instanz-Methoden

Erbt Methoden von seinen Vorfahren CSSGroupingRule und CSSRule.

Beispiele

Eine Stilregel erhalten

Das untenstehende CSS definiert die Stilregel für den h1-Selektor, die im Code durch eine CSSStyleRule-Instanz dargestellt wird.

h1 {
 color: pink;
}

Angenommen, die obige Stilregel ist die erste Regel im Dokument, wird sie die erste CSSRule sein, die von document.styleSheets[0].cssRules zurückgegeben wird. myRules[0].style gibt ein CSSStyleProperties-Objekt zurück, das die für h1 definierten Deklarationen repräsentiert.

let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0]); // a CSSStyleRule representing the h1.

Spezifikationen

Browser-Kompatibilität