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.
Syntax
var rule = styles.parentRule;
Value
The CSS rule that contains this declaration block or null
if this CSSStyleDeclaration
is not attached to a CSSRule
.
Example
The following JavaScript code gets the parent CSS style rule from a CSSStyleDeclaration
:
var declaration = document.styleSheets[0].rules[0].style; var rule = declaration.parentRule;
Specifications
Browser compatibility
The compatibility table in 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.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
parentRule | Chrome Full support 1 | Edge Full support 12 | Firefox Full support 1 | IE Full support Yes | Opera Full support Yes | Safari Full support 6 | WebView Android Full support 4.4 | Chrome Android Full support 18 | Firefox Android Full support 4 | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support 1.0 |
Legend
- Full support
- Full support