CSSImportRule：媒体属性

基线广泛可用

自 2015年7月起，此特性已在主流浏览器中得到支持，可在大多数设备和浏览器版本中正常使用。

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

值

返回一个 MediaList 对象。

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

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

css

@import url("style.css") screen;

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

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

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

规范
CSS Object Model (CSSOM) # dom-cssimportrule-media

此页面最后更新于 2025年7月20日，由 MDN 贡献者更新。