1. 面向开发者的 Web 技术
  2. Web API
  3. CSS 对象模型（CSSOM）
  4. CSS 声明块

此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

CSS 声明块

CSS 声明块是 CSS 属性和值的有序集合。在 DOM 中，它表示为 CSSStyleDeclaration。

每个属性和值的配对称为 CSS 声明。CSS 声明块具有以下相关属性：

计算标志

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

声明

与此对象关联的 CSS 声明。

父 CSS 规则

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

所属节点

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

更新标志

当 CSS 声明块正在更新所属节点的 style 属性时设置此标志。

当 CSS 对象模型（CSSOM）接口返回 CSSStyleDeclaration 时，这些属性会根据规范设置为适当的值。

基本示例

以下示例展示了一个针对 h1 元素的 CSS 规则及其声明块。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]; // CSSStyleRule
console.log(rule.style); // CSSStyleDeclaration 对象

规范

规范
CSS Object Model (CSSOM)
# css-declaration-blocks

帮助改进 MDN

了解如何参与贡献

此页面最后更新于 ，由 MDN 贡献者更新。

在 GitHub 上查看此页面 • 报告此内容的问题