媒體型別

媒體查詢具有可選的 mediatype 引數。此引數直接放在 @media 宣告（@media mediatype）之後，例如：

@media print {
    html {
        background-color: white;
    }
}

上面的 CSS 程式碼將在列印時為 DOM HTML 元素提供白色背景色。

mediatype 引數有一個可選的 not 或 only 字首，它將樣式分別應用於除指定的 mediatype 或僅指定的媒體型別之外的所有內容。例如，以下程式碼示例將樣式應用於除 print 之外的每種媒體型別。

@media not print {
    html {
        background-color: green;
    }
}

同樣，只需在螢幕上顯示它，就可以使用：

@media only screen {
    .fadeInEffects {
        display: block;
    }
}

使用下表可以更好地理解 mediatype 的列表：