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 |
浏览器兼容性
加载中…