メディアクエリに子セレクタを使用できますか？

Question

私はクラス内でいくつかのメディアクエリを持っていますが、彼らは絶対にうまくいっていますが、Chromeブラウザは唯一のブラウザとして誤って表示しています。だから私は、他のクラスのブラウザのハックを使用したが、私はメディアクエリをどのようにターゲットにするのか分からない。

.firstclass > h1 > @media(min-width: 1620px) { 
     font-size: 3.7vw; 
} 

しかし、私のコードエディタは "media definitions require block statements after any features"と言うので、私がそれを正しくターゲットにすることができますどのように

...それは新しいメディアクエリとしてそれを取るようだ：私は、ブラウザのハッキング内でこれを試してみましたか？メディアクエリはクラスの子ではありませんか？

Answer 1

@media (min-width: 1620px) { 
    .firstclass > h1{ 
    font-size: 3.7vw; 
    } 
} 

それは構文エラーです、それが助けてくれることを願っています。

Answer 2

Raw CSSでは、セレクタ内にメディアクエリを含めることはできません。メディアクエリ自体には、追加のスタイリングを適用するセレクタが含まれている必要があります。

あなた.first-class > h1宣言は内@media問合せブロックが含まれている必要があります。

@media ... { 
    .first-class > h1 > ... { 
    font-size: 3.7vw; 
    } 
} 

あなたが...がここにあるものを指定する必要があります。 h1要素に含まれるものをターゲットにする場合は、ユニバーサルセレクタ（*）を.first-class > h1 > *として使用できます。

メディアクエリ自体がセレクタのグループを対象とします。セレクタはメディアクエリをターゲットにしません。ここでのあなたのコメントに基づいて、私はそれがあなたの使い方を誤解していると信じています。