W3cubDocs

/Web APIs

CSSGroupingRule

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since ⁨April 2021⁩.

The CSSGroupingRule interface of the CSS Object Model represents any CSS at-rule that contains other rules nested within it.

This interface also inherits properties from CSSRule.

CSSGroupingRule.cssRules Read only: Returns a CSSRuleList of the CSS rules in the media rule.

This interface also inherits methods from CSSRule.

CSSGroupingRule.deleteRule: Deletes a rule from the style sheet.
CSSGroupingRule.insertRule: Inserts a new style rule into the current style sheet.

Specification
CSS Object Model (CSSOM)> # the-cssgroupingrule-interface>

	Desktop					Mobile
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari on IOS	Samsung Internet	WebView Android	WebView on iOS
`CSSGroupingRule`	45	12	20	32	14.1 3–14.1 The `CSSGroupingRule` interface itself is not present, but many of the methods are available on various interfaces such as the `CSSMediaRule` and `CSSPageRule` interfaces.	45	20	32	14.5 2–14.5 The `CSSGroupingRule` interface itself is not present, but many of the methods are available on various interfaces such as the `CSSMediaRule` and `CSSPageRule` interfaces.	5.0	45	14.5 2–14.5 The `CSSGroupingRule` interface itself is not present, but many of the methods are available on various interfaces such as the `CSSMediaRule` and `CSSPageRule` interfaces.
`cssRules`	45	12	20	32	3	45	20	32	2	5.0	45	2
`deleteRule`	45	12	20	32	3	45	20	32	2	5.0	45	2
`insertRule`	45	12	20	32	3	45	20	32	2	5.0	45	2