質問: カスタマイズテーマでwordpressのページを制作しています。 レスポンシブ対応でメディアクエリを使用したいのですが、 style.cssにメディアクエリを記述するとエラーになります。 エラーメッセージ 「Expected RBRACE at line 37, col 2.」 以下CSSコード一部抜粋になります。 ``` header nav{ width:960px; margin:0 auto; text-align:center; @media screen and (max-width:750px){ } } ``` 丁度「@media screen and (max-width:750px){」の部分が37行目にあたります。 header.phpにviewportは記載しています。 過去に別のwordpressページを作成していた時(デフォルトテーマ)はstyle.cssにメディアクエリを書き込んでも問題ありませんでした。 何が問題なのでしょうか?
回答: 入れ子構造が間違ってるんですね。 (sassならできるかも) 正しくは下記になります。 ``` header nav{ width:960px; margin:0 auto; text-align:center; } @media screen and (max-width:750px){ header nav{ /* デバイス幅750pxのものに適用するCSS */ } } ```