此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

CSSImportRule:媒体属性

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.

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

返回一个 MediaList 对象。

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

示例

获取媒体属性

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

css
@import url("style.css") screen;
js
const myRules = document.styleSheets[0].cssRules;
console.log(myRules[0].media); // MediaList 对象

设置媒体属性

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

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

规范

Specification
CSS Object Model (CSSOM)
# dom-cssimportrule-media

浏览器兼容性