CSSImportRule: media 属性

Baseline 已广泛支持

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

CSSImportRule 接口中只读的 media 属性返回一个 MediaList 对象，该对象包含关联样式表的 media 属性的值。

值

返回一个 MediaList 对象。

可以通过传递一个包含 media 属性的字符串来设置 media 的值；例如 "print"。

以下样式表包含单个 @import 规则。因此，CSS 规则列表中的第一项将是 CSSImportRule。media 属性返回一个 MediaList 对象。它包含 mediaText 属性，值为 screen。

css

@import "style.css" screen;

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

要更改关联样式表的 media 属性，请将 media 的值设置为包含新值的字符串。

const myRules = document.styleSheets[0].cssRules;
myRules[0].media = "print";

规范
CSS 对象模型 (CSSOM) # dom-cssimportrule-media

此页面最后修改于 2025年8月5日，由 MDN 贡献者修改。