CSSMediaRule

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.

CSSMediaRule 是一个表示单个 CSS @media 规则的接口。它实现了 CSSConditionRule 接口,因此也是 CSSGroupingRule,也相当于CSSRule中类型值为 4 的规则类型(即CSSRule.MEDIA_RULE)。

语法

下列语法是使用 WebIDL 格式描述的。

interface CSSMediaRule : CSSConditionRule {
    readonly attribute MediaList media;
}

属性

作为一个 CSSConditionRule,同时也是 CSSGroupingRuleCSSRuleCSSMediaRule 也实现(继承)了来自这些接口的属性。它还有如下属性:

CSSMediaRule.media 只读

声明了一个 MediaList,表示指定目标媒体中的样式信息。

方法

作为一个 CSSConditionRule,同时也是 CSSGroupingRuleCSSRuleCSSMediaRule 也实现(继承)了来自这些接口的方法。除此之外,没有其他方法。

规范

Specification
CSS Conditional Rules Module Level 3
# the-cssmediarule-interface

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
CSSMediaRule
media

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
See implementation notes.