CSSStyleRule

Baseline Weitgehend verfügbar *

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

* Einige Teile dieser Funktion werden möglicherweise unterschiedlich gut unterstützt.

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

CSSRule CSSGroupingRule CSSStyleRule

In diesem Artikel

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.

css
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.

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

Spezifikationen

Spezifikation

CSS Object Model (CSSOM)
# the-cssstylerule-interface

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

CSS Object Model (CSSOM)
CSSStyleRule
Instanzeigenschaften
Vererbung
1. CSSGroupingRule
2. CSSRule
Verwandte Seiten für CSSOM
Anleitungen
1. CSS Declaration
2. CSS-Deklarationsblock
3. Bestimmung der Dimensionen von Elementen
4. Verwaltung der Bildschirmorientierung
5. Verwenden dynamischer Styling-Informationen
6. CSS-Wertserialisierung