[1] 媒体クエリーリストmedia query listは、媒体クエリーをコンマ区切りで連結したものであり、 それらいずれかの条件に一致する媒体と一致します。

仕様書

構文

[3] 媒体クエリーリストは0個以上の媒体クエリー (狭義) を ',' で連結したものです。 >>2

[4] 媒体クエリーの前後には空白を挿入できます。 >>2

[10] Chrome は全体として空文字列であるか、1つ目が非空文字列でないと、構文エラーとみなすようです。 また2つ目以降に空文字列があると、全体として空文字列とみなすようです (つまり 'all' 扱いになります)。 [11] Firefox は全体として空文字列である場合以外で媒体クエリーが空文字列なら 'not all' に置き換えます。ただし媒体クエリーリストの末尾の , は無視します。例えば ,, は not all,not all と構文解析されます。

意味

[5] 媒体クエリーリストに含まれるいずれかの媒体クエリーが真なら、全体として真になります。 また媒体クエリーが1つも含まれない場合も真となります。それ以外の場合は偽となります。 >>2

[7] 含まれる媒体クエリーが構文的に正しくないときは、 not all と同じように扱われます。 >>8

[9] 例えば screen !important, speech は speech にだけ一致します。

文脈

[6] 媒体クエリーリストは次の場面で使われています。

歴史

[14] MQ3 世代では単に media query と呼ばれていました。