An object implementing the CSSConditionRule interface represents a single condition CSS at-rule, which consists of a condition and a statement block. It is a child of CSSGroupingRule.
Two objects derive from it : CSSMediaRule and CSSSupportsRule.
Syntax
The syntax is described using the WebIDL format.
interface CSSConditionRule : CSSGroupingRule {
attribute DOMString conditionText;
}
Properties
The CSSConditionRule derives from CSSRule, CSSGroupingRule and inherits all properties of these classes. It has one specific property:
CSSConditionRule.conditionText- Represents the text of the condition of the rule.
Methods
The CSSConditionRule derives from CSSRule, CSSGroupingRule and inherits all methods of these classes. It has no specific property of its own.
Specifications
| Specification | Status | Comment |
|---|---|---|
| CSS Conditional Rules Module Level 3 The definition of 'CSSConditionRule' in that specification. |
Candidate Recommendation | Initial definition. |
Browser compatibility
| Feature | Chrome | Edge | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|---|
| Basic support | 56.0 | (Yes) | 20.0 (20.0) | No support | 43 | No support |
| Feature | Android Webview | Edge | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile | Chrome for Android |
|---|---|---|---|---|---|---|---|
| Basic support | 56.0 | (Yes) | 20.0 (20.0) | No support | 43 | No support | 56.0 |