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
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 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
CSSConditionRule | Chrome Full support 56 | Edge Full support Yes | Firefox Full support 20 | IE No support No | Opera Full support 43 | Safari ? | WebView Android Full support 56 | Chrome Android Full support 56 | Firefox Android Full support 20 | Opera Android Full support 43 | Safari iOS ? | Samsung Internet Android ? |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown