PC用とスマホ用のCSSが適用される順番
上級モードで構築中ですが、メディアクエリでCSSを書いているところです。
@media screenで、768pxを境に
スマホ＆タブレット⇔パソコン
を切り替えたいと思っています。
CSSはスマホとパソコンの両方ともに設定していますが
CSSが適用される順番は、スマホ用が先などはありますでしょうか。
私の確認ミスかもしれないのですが、ChromeのディベロッパーモードでCSSがうまく確認できず、ご教示ください。
例えば、パソコン用のCSSにまとめて記述するなどのほうがよいのでしょうか？
よろしくお願い致します。
CSSの記述につきましてはスマートフォンやパソコン用としての優先度はございません。
追加されたCSSが適用されない原因としては、追加されたCSSよりも他のCSSにて優先されたCSSがある可能性がございます。
お手数をかけますが、ブラウザの開発者ツール(GoogleChromeの場合は対象箇所を右クリックして[検証]を選択)を使用して
適用されているCSSをご確認ください。
また、優先度と同様でパソコン用/スマートフォン用などのCSSは纏めるなどの制約はございません。
制約はございませんが、纏めて記載された方が管理しやすくなりますのでお勧めいたします。
Re: PC用とスマホ用のCSSが適用される順番
あれから確認しました。
スマートフォン側の設定画面で、
パソコン用とスマートフォン用のCSSファイルを2つ登録し、@importで切り替えれば、確認できました。
本当にマニュアルや、使い方ガイドが更新されないと不便ですね。予定はないのでしょうか。
ご要望いただき誠にありがとうございます。
マニュアルについてご不便をおかけしており申し訳ございません。
ご要望に添えるよう可能な限り改善に努めて参ります。