CSSNestedDeclarations: style-Eigenschaft

Baseline 2023
Newly available

Since December 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

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