{{ APIRef() }}
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 {{domxref("CSSGroupingRule")}}.
Two objects derive from it : {{domxref("CSSMediaRule")}} and {{domxref("CSSSupportsRule")}}.
Syntax
The syntax is described using the WebIDL format.
interface CSSConditionRule : CSSGroupingRule { attribute DOMString conditionText; }
Properties
The CSSConditionRule
derives from {{domxref("CSSRule")}}, {{domxref("CSSGroupingRule")}} and inherits all properties of these classes. It has one specific property:
- {{domxref("CSSConditionRule.conditionText")}}
- Represents the text of the condition of the rule.
Methods
The CSSConditionRule
derives from {{domxref("CSSRule")}}, {{domxref("CSSGroupingRule")}} and inherits all methods of these classes. It has no specific property of its own.
Specifications
Specification | Status | Comment |
---|---|---|
{{ SpecName('CSS3 Conditional', '#the-cssconditionrule-interface', 'CSSConditionRule') }} | {{ Spec2('CSS3 Conditional') }} | Initial definition. |
Browser compatibility
{{ CompatibilityTable() }}
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari (WebKit) |
---|---|---|---|---|---|
Basic support | {{ CompatNo() }} | {{ CompatGeckoDesktop("20.0") }} | {{ CompatNo() }} | {{ CompatNo() }} | {{ CompatNo() }} |
Feature | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | {{ CompatNo() }} | {{ CompatGeckoMobile("20.0") }} | {{ CompatNo() }} | {{ CompatNo() }} | {{ CompatNo() }} |
See also
- Using dynamic styling information
- {{CSSOM}}