CSSNestedDeclarations: style-Eigenschaft
Baseline
2024
Newly available
Since December 2024, 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 Stile, die mit den verschachtelten Regeln verbunden sind.
Wert
Ein Objekt.
Beispiele
Dieses Stylesheet enthält eine verschachtelte cssRules.
Das erste console.log zeigt den Stil der obersten Ebene, das zweite zeigt die verschachtelte @media-Abfrage mit ihrem verschachtelten Stil und das letzte zeigt den verschachtelten Stil, der nach der @media-Abfrage deklariert wurde.
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
Loading…