CSSNestedDeclarations: Eigenschaft style
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 CSSStyleProperties-Objekt.
Obwohl die style-Eigenschaft selbst im Sinne von "nicht ersetzbar" schreibgeschützt ist, können Sie trotzdem direkt der style-Eigenschaft zuweisen, was gleichbedeutend mit dem Zuweisen zu ihrer cssText-Eigenschaft ist. Sie können das CSSStyleProperties-Objekt auch mithilfe der Methoden setProperty() und removeProperty() ändern.
Beispiele
Dieses Stylesheet enthält eine verschachtelte cssRules.
Das erste console.log zeigt den Stil auf oberster 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 wird.
.foo {
font-size: 1.2rem;
@media screen {
color: tomato;
background-color: darkgrey;
}
color: black;
}
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 |