媒體查詢不使用無效

禁止無效媒體查詢。

@media not(min-width: 300px) {}
/**    ↑
 * This media query */

媒體查詢必須根據 媒體查詢第 5 級 規格在語法上有效。

此規則僅適用於 CSS。您不應將它開啟用於類似 CSS 的語言，例如 Sass 或 Less，因為它們有自己的語法。

它與驗證功能名稱和值的其它規則搭配使用效果很好

• 媒體特性名稱不允許未知
• 媒體特性名稱值不允許未知

message 次要選項 可以接受此規則的參數。

選項

true

以下模式被視為問題

@media not(min-width: 300px) {}

@media (width == 100px) {}

@media (color) and (hover) or (width) {}

以下模式不會被視為問題

@media not (min-width: 300px) {}

@media (width = 100px) {}

@media ((color) and (hover)) or (width) {}

@media (color) and ((hover) or (width)) {}