media_query_list

媒体クエリーリスト (媒体クエリー)

[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, speechspeech にだけ一致します。

文脈

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

歴史

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