CSSStyleDeclaration parentRule 属性

概述

CSSStyleDeclaration parentRule 属性是指一个只读属性，返回定义当前样式声明的 CSSRule 对象。CSSRule 对象表示样式表中的规则，可以是一个 CSSStyleRule、CSSImportRule、CSSMediaRule 等等。

语法

let cssRule = cssStyleDeclaration.parentRule;

返回值

返回一个 CSSRule 对象，代表定义当前样式声明的规则。

用法示例

// 定义一个 CSSStyleDeclaration 对象
let styleDeclaration = document.styleSheets[0].cssRules[0].style;

// 获取该对象所在的规则
let cssRule = styleDeclaration.parentRule;

// 输出该规则的类型
console.log(cssRule.type);

注意事项

• 该属性只读，不能被赋值。
• 如果该样式声明不在任何规则下面，返回值为 null。
• parentRule 属性可用于访问和操作当前样式声明所在的规则的其他属性。