CSSNestedDeclarations：style 屬性
CSSNestedDeclarations 介面的只讀 style 屬性表示與巢狀規則關聯的樣式。
值
一個物件。
示例
此樣式表包含一個巢狀的 cssRules。
第一個 console.log 顯示了頂層 style，第二個顯示了巢狀的 @media 查詢及其巢狀樣式，最後一個顯示了在 @media 查詢後宣告的巢狀樣式。
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" }
規範
| 規範 |
|---|
| CSS 巢狀模組 # dom-cssnesteddeclarations-style |
瀏覽器相容性
載入中…