media-query-no-invalid

無効なメディアクエリを禁止します。

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

メディアクエリは、メディアクエリ Level 5 の仕様に従って文法的に有効である必要があります。

このルールは CSS にのみ適用されます。Sass や Less などの CSS に似た言語では、独自の構文があるため、オンにしないでください。

フィーチャー名と値を検証する他のルールとうまく連携します。

• 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)) {}