CSSNestedDeclarations: style-Eigenschaft

Die schreibgeschützte style-Eigenschaft der CSSNestedDeclarations-Schnittstelle repräsentiert die mit den verschachtelten Regeln verbundenen Stile.

Wert

Ein Objekt.

Beispiele

Dieses Stylesheet enthält eine verschachtelte cssRules.

Das erste console.log zeigt den obersten style, das zweite zeigt die verschachtelte @media-Abfrage mit ihrem verschachtelten Stil und das letzte zeigt den verschachtelten Stil, der nach der @media-Abfrage deklariert wird.

css
.foo {
  font-size: 1.2rem;
  @media (screen) {
    color: tomato;
    background-color: darkgrey;
  }
  color: black;
}
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].style);
// { "0": "font-size" }
console.log(myRules[0].cssRules[0].cssRules[0].style);
// { "0": "color", "1": "background-color" }
console.log(myRules[0].cssRules[1].style);
// { "0": "color" }

Spezifikationen

Specification
CSS Nesting Module
# dom-cssnesteddeclarations-style

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch