CSSConditionRule
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.
An object implementing the CSSConditionRule interface represents a single condition CSS at-rule, which consists of a condition and a statement block.
Three objects derive from CSSConditionRule: CSSMediaRule, CSSContainerRule and CSSSupportsRule.
Instance properties
Inherits properties from its ancestors CSSGroupingRule and CSSRule.
CSSConditionRule.conditionTextRead only-
Represents the text of the condition of the rule.
Instance methods
Inherits methods from its ancestors CSSGroupingRule and CSSRule.
Specifications
| Specification |
|---|
| CSS Conditional Rules Module Level 3 # the-cssconditionrule-interface |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
CSSConditionRule
|
|
|
|
|
|
|
|
|
|
|
|
|
conditionText
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support