The read-only CSSStyleSheet
property cssRules
returns a live CSSRuleList
which provides a real-time, up-to-date list of every CSS rule which comprises the stylesheet. Each item in the list is a CSSRule
defining a single rule.
Syntax
var rules = cssStyleSheet.cssRules;
Value
A live-updating CSSRuleList
containing each of the CSS rules making up the stylesheet. Each entry in the rule list is a CSSRule
object describing one rule making up the stylesheet.
Examples
Individual rules within the stylesheet can then be accessed by index:
let ruleList = document.styleSheets[0].cssRules;
for (let i=0; i < ruleList.length; i++) {
processRule(ruleList[i]);
}
Rules can also be accessed using for...of
:
let ruleList = document.styleSheets[0].cssRules;
for (let rule of ruleList) {
processRule(rule);
}
However, because CSSRule
is not a proper array, you can't use forEach()
.
Specifications
Specification | Status | Comment |
CSS Object Model (CSSOM)The definition of 'CSSStyleSheet.cssRules' in that specification. | Working Draft |
Browser compatibility
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.
Update compatibility data on GitHub
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
cssRules
|
Chrome
Full support Yes |
Edge
Full support 12 |
Firefox
Full support 1 |
IE
Full support 9 |
Opera
Full support Yes |
Safari
Full support Yes |
WebView Android
Full support Yes |
Chrome Android
Full support Yes |
Firefox Android
Full support 4 |
Opera Android
Full support Yes |
Safari iOS
Full support Yes |
Samsung Internet Android
Full support Yes |
Legend
- Full support
- Full support
See also
CSSStyleSheet.cssRules by Mozilla Contributors is licensed under CC-BY-SA 2.5.