CSSStyleRule
Baseline Widely available *
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
* Some parts of this feature may have varying levels of support.
TheCSSStyleRule interface represents a single CSS style rule.
Instance properties
Inherits properties from its ancestorsCSSGroupingRule andCSSRule.
CSSStyleRule.selectorTextReturns the textual representation of the selector for this rule, e.g.,
"h1, h2".CSSStyleRule.styleRead onlyReturns the
CSSStyleDeclarationobject for the rule.CSSStyleRule.styleMapRead onlyReturns a
StylePropertyMapobject which provides access to the rule's property-value pairs.
Instance methods
Inherits methods from its ancestorsCSSGroupingRule andCSSRule.
Examples
The CSS includes one style rule. This will be the firstCSSRule returned bydocument.styleSheets[0].cssRules.myRules[0] therefore returns aCSSStyleRule object representing the rule defined forh1.
h1 { color: pink;}let myRules = document.styleSheets[0].cssRules;console.log(myRules[0]); // a CSSStyleRule representing the h1.Specifications
| Specification |
|---|
| CSS Object Model (CSSOM) # the-cssstylerule-interface |
Browser compatibility
Loading…