CSSStyleDeclaration: parentRule property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

The CSSStyleDeclaration.parentRule read-only property returns a CSSRule that is the parent of this style block, e.g. a CSSStyleRule representing the style for a CSS selector.

Value

The CSS rule that contains this declaration block or null if this CSSStyleDeclaration is not attached to a CSSRule.

Examples

The following JavaScript code gets the parent CSS style rule from a CSSStyleDeclaration:

js
const declaration = document.styleSheets[0].rules[0].style;
const rule = declaration.parentRule;

Specifications

Specification
CSS Object Model (CSSOM)
# dom-cssstyledeclaration-parentrule

Browser compatibility

BCD tables only load in the browser