media-query-no-invalid

禁止无效的媒体查询。

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

媒体查询必须根据 媒体查询级别 5 规范语法有效。

此规则仅适用于 CSS。您不应将其用于类似 CSS 的语言，例如 Sass 或 Less，因为它们有自己的语法。

它与验证功能名称和值的其它规则配合良好。

• media-feature-name-no-unknown
• media-feature-name-value-no-unknown

该规则的 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)) {}