CSSMediaRule
CSSMediaRule 接口表示单个 CSS @media 规则。
实例属性
从其祖先 CSSConditionRule、CSSGroupingRule 和 CSSRule 继承属性。
CSSMediaRule.media只读-
返回一个
MediaList，它表示样式信息的目标媒体。
实例方法
没有特定方法；从其祖先 CSSConditionRule、CSSGroupingRule 和 CSSRule 继承方法。
示例
下面的 CSS 包含一个具有一个样式规则的媒体查询。由于此规则位于添加到文档中的最后一个样式表中，因此它将是文档中最后一个样式表返回的第一个 CSSRule（document.styleSheets[document.styleSheets.length-1].cssRules）。myRules[0] 返回一个 CSSMediaRule 对象，从中我们可以获取 mediaText。
html
<p id="log"></p>
css
@media (min-width: 500px) {
body {
color: blue;
}
}
js
const log = document.getElementById("log");
const myRules = document.styleSheets[document.styleSheets.length - 1].cssRules;
const mediaList = myRules[0]; // a CSSMediaRule representing the media query.
log.textContent += ` ${mediaList.media.mediaText}`;
规范
| 规范 |
|---|
| CSS 条件规则模块级别 3 # the-cssmediarule-interface |
浏览器兼容性
BCD 表格仅在浏览器中加载