CSSConditionRule

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

See also

Document Tags and Contributors

 Contributors to this page: jpmedley, erikadoyle, fscholz, teoli, kscarfone, Sheppy
 Last updated by: jpmedley,