例項屬性
繼承其祖先 CSSConditionRule、CSSGroupingRule 和 CSSRule 的屬性。
CSSMediaRule.media只讀-
返回一個
MediaList，表示樣式資訊的預期目標介質。
例項方法
沒有特定的方法；繼承自其祖先 CSSConditionRule、CSSGroupingRule 和 CSSRule 的方法。
示例
下面的 CSS 包含一個帶有單個樣式規則的媒體查詢。MDN 即時示例基礎設施將示例中的所有 CSS 塊合併到一個帶有 ID css-output 的內聯樣式中，因此我們首先使用 document.getElementById() 來查詢該樣式表。myRules[0] 返回一個 CSSMediaRule 物件，我們可以從中獲取 mediaText。
html
<p id="log"></p>
css
@media (width >= 500px) {
body {
color: blue;
}
}
js
const log = document.getElementById("log");
const myRules = document.getElementById("css-output").sheet.cssRules;
const mediaList = myRules[0]; // a CSSMediaRule representing the media query.
log.textContent += ` ${mediaList.media.mediaText}`;
規範
| 規範 |
|---|
| CSS 條件規則模組第 3 級 # the-cssmediarule-interface |
瀏覽器相容性
載入中…