CSS 声明块
CSS 声明块是 CSS 属性和值的有序集合。在 DOM 中，它表示为一个 CSSStyleDeclaration 对象。
每个属性值对被称为一个 CSS 声明。CSS 声明块具有以下关联属性：
- computed flag (计算标志)
-
如果
CSSStyleDeclaration对象是计算样式而非指定样式，则设置为 true。默认情况下未设置。 - declarations (声明)
-
与此对象关联的 CSS 声明。
- parent CSS rule (父 CSS 规则)
-
CSS 声明块所属的
CSSRule，否则为 null。 - owner node (所有者节点)
-
CSS 声明块关联的
element，否则为 null。 - updating flag (更新标志)
-
当 CSS 声明块正在更新所有者节点的
style属性时设置为 true。
当 CSS 对象模型 (CSSOM) 接口返回 CSSStyleDeclaration 对象时，这些属性将根据规范进行设置。
基本示例
以下示例显示了一个 CSS 规则，其中包含一个用于 h1 元素的声明块。CSS 声明块是花括号之间的行。
css
h1 {
margin: 0 auto;
font-family: "Helvetica Neue", "Arial", sans-serif;
font-style: italic;
color: rebeccapurple;
}
我们可以使用 CSSStyleRule.style 返回一个表示此 CSS 声明块的 CSSStyleDeclaration 对象。
js
let myRules = document.styleSheets[0].cssRules;
let rule = myRules[0]; // a CSSStyleRule
console.log(rule.style); // a CSSStyleDeclaration object
规范
| 规范 |
|---|
| CSS 对象模型 (CSSOM) # css-declaration-blocks |