CSSMediaRule: media 属性

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来，各浏览器均已提供此特性。

CSSMediaRule 接口中只读的 media 属性会返回一个 MediaList 对象，该对象代表了样式信息的预期目标介质。

值

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

css

@media (width >= 500px) {
  body {
    color: blue;
  }
}

let myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].media); // a MediaList

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

此页面最后修改时间为 2025 年 7 月 1 日，由 MDN 贡献者修改。