CSSNestedDeclarations: Eigenschaft style
Baseline
2024
Neu verfügbar
Seit December 2024 funktioniert diese Funktion auf aktuellen Geräten und in aktuellen Browserversionen. Auf älteren Geräten oder in älteren Browsern funktioniert sie möglicherweise nicht.
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
| Spezifikation |
|---|
| CSS Nesting Module Level 1 # dom-cssnesteddeclarations-style |