質問: CSSについての質問なのですが、下記のようにセレクタを書いた場合pタグに対して反応してくれません。 h2,h2 p{ display:none; } クラスを用いた方法で同じように書いた場合正常に機能してくれたので宣言ブロックの問題ではないはずです。ちなみにメディアクエリ内に記述しました。
回答: クラスを用いたらOKとのことなので 例えば 上位で !important などが付いているため、下位には 適用されない。←これはない。 その部分以外の CSS で文法エラーがあり、それ以降の CSS が正常に読み込まれていない。← 可能性は少ない。 タグが HTML と同期していない(h2 のつもりが そうなっていない)← 可能性が大 他にも原因はいろいろ考えられる。 質問の部分的なCSSだけでは原因は判らない。 Edge , chrome , firefox などのブラウザにはデベロッパーツールが付いている。 CSS が有効な状態かどうかはデベロッパーツールのインスペクターで確認できるので、そちらで確認すればすぐに判ると思います。 h2,h2 p{ display:none; } が正しいのであれば インスペクターで h2 あるいは h2 下の p にカーソルを当てると摘要されている CSSの内容が表示される。