An object implementing the CSSGroupingRule interface represents any CSS at-rule that contains other rules nested within it.
Objects deriving from it :
CSSConditionRuleand its children:CSSMediaRule,CSSSupportsRule, andCSSDocumentRule.CSSPageRule
Syntax
The syntax is described using the WebIDL format.
interface CSSGroupingRule : CSSRule {
readonly attribute CSSRuleList cssRules;
unsigned long insertRule (DOMString rule, unsigned long index);
void deleteRule (unsigned long index);
}
Properties common to all CSSGroupingRule instances
The CSSGroupingRule derives from CSSRule and inherits all properties of this class. It has one specific property:
CSSGroupingRule.cssRulesRead only- Returns a
CSSRuleListof the CSS rules in the media rule.
Methods common to all CSSGroupingRule instances
The CSSGroupingRule derives from CSSRule and inherits all methods of this class. It has two specific methods:
CSSGroupingRule.deleteRule- Deletes a rule from the style sheet.
CSSGroupingRule.insertRule- Inserts a new style rule into the current style sheet.
Specification
| Specification | Status | Comment |
|---|---|---|
| CSS Conditional Rules Module Level 3 The definition of 'CSSGroupingRule' in that specification. |
Candidate Recommendation | Initial definition. |
Browser compatibility
| Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Basic support | 45.0 | (Yes) | 20.0 (20.0) | No support | No support | No support |
| Feature | Android | Android Webview | Edge | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|---|---|
| Basic support | No support | 45.0 | (Yes) | 20.0 (20.0) | No support | No support | No support | 45.0 |