CSS 声明块

一个 **CSS 声明块** 是 CSS 属性和值的已排序集合。它在 DOM 中表示为 CSSStyleDeclaration。

每个属性和值对被称为 CSS 声明。CSS 声明块具有以下关联属性

计算标志

如果 CSSStyleDeclaration 对象是计算样式而不是指定样式，则设置该标志。默认情况下未设置。

声明

与此对象关联的 CSS 声明。

父 CSS 规则

CSS 声明块与其关联的 CSSRule，否则为 null。

拥有者节点

CSS 声明块与其关联的 元素，否则为 null。

更新标志

当 CSS 声明块正在更新拥有者节点的 style 属性时设置。

当 CSSStyleDeclaration 由 CSS 对象模型 (CSSOM) 接口返回时，这些属性将根据规范设置为您适当的值。

h1 {
  margin: 0 auto;
  font-family: "Helvetica Neue", "Arial", sans-serif;
  font-style: italic;
  color: rebeccapurple;
}

let myRules = document.styleSheets[0].cssRules;
let rule = myRules[0]; // a CSSStyleRule
console.log(rule.style); // a CSSStyleDeclaration object