CSSMediaRule - 代表单个 CSS @media 规则

CSSMediaRule 是代表单个 CSS @media 规则的接口。它实现了 CSSConditionRule 接口，因此实现了 CSSGroupingRule 和 CSSRule 接口，它的类型值为 4（CSSRule.MEDIA_RULE）。

语法

该语法使用了 WebIDL 格式进行描述。

interface CSSMediaRule : CSSConditionRule {
    readonly attribute MediaList media;
}

属性

作为 CSSConditionRule 的子类，因此它也是 CSSGroupingRule 和 CSSRule 的子类，CSSMediaRule 也实现了这些接口的属性。它具有以下特有属性：

CSSMediaRule.media 只读

一个 MediaList，表示样式信息的预期目标媒体。

方法

作为 CSSConditionRule 的子类，因此它也是 CSSGroupingRule 和 CSSRule 的子类，CSSMediaRule 也实现了这些接口的方法。它没有特有的方法。

规范

规范	状态	备注
CSS Conditional Rules Module Level 3 CSSMediaRule 的定义	候选推荐	让它继承自 CSSConditionRule。
CSS Object Model (CSSOM) CSSMediaRule 的定义	工作草案	自 Document Object Model (DOM) Level 2 Style Specification 以来没有变化
Document Object Model (DOM) Level 2 Style Specification CSSMediaRule 的定义	已过时	-

桌面浏览器兼容性

特性	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari
基础支持	45.0	支持	支持 [1]	未知	未知	未知

移动浏览器兼容性

特性	Android	Android Webview	Edge	Firefox Mobile	IE Mobile	Opera Mobile	Safari Mobile	Chrome for Android
基础支持	未知	45.0	支持	17.0 [1]	未知	未知	未知	45.0

[1] 从 Firefox 20 开始才能在 Gecko 上设置 conditionText 的值。