CSSMediaRule: media 属性

只读的 media 属性是 CSSMediaRule 接口的属性,它返回一个 MediaList,该对象表示样式信息的预期目标媒体。

一个 MediaList

示例

CSS 包含一个带有单个样式规则的媒体查询。这将是 document.styleSheets[0].cssRules 返回的第一个 CSSRule。因此,调用 myRules[0].media 会返回一个 MediaList 对象,该对象表示媒体查询。

css
@media (min-width: 500px) {
  body {
    color: blue;
  }
}
js
let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].media); // a MediaList

规范

规范
CSS 条件规则模块级别 3
# dom-cssmediarule-media

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。