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
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
parentRule |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.