Die schreibgeschütztestyle-Eigenschaft derCSSNestedDeclarations-Schnittstelle repräsentiert die Stile, die mit den verschachtelten Regeln verbunden sind.

Wert

EinCSSStyleProperties-Objekt.

Obwohl diestyle-Eigenschaft selbst im Sinne von "nicht ersetzbar" schreibgeschützt ist, können Sie trotzdem direkt derstyle-Eigenschaft zuweisen, was gleichbedeutend mit dem Zuweisen zu ihrercssText-Eigenschaft ist. Sie können dasCSSStyleProperties-Objekt auch mithilfe der MethodensetProperty() undremoveProperty() ändern.

Beispiele

Dieses Stylesheet enthält eine verschachteltecssRules.

Das ersteconsole.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

Browser-Kompatibilität

Siehe auch

• CSSNestedDeclarations
• Die Regel für verschachtelte Deklarationen