質問: HTMLに外部シートでCSSを連動させたいのですが、 ・いまいち上手くいきません。ファイル名は「style.css」で、 HTMLには「」と 入力しております。 ・CSSには <@charset "utf-8"> body{ color: red; } と入力しています。 ・反映されない理由としては何があるでしょうか?タイプミスかコードの間違いか、もしくはファイルの保存先でまた変わってくるのでしょうか? また<@charset "utf-8">は文字化け防止になると記載があったので入力しておりますが、この解釈で間違いはないでしょうか? 質問ばかりで申し訳ありません。お手数かと思いますが、宜しくお願い致します。
回答: >反映されない理由 とりあえずブラウザでF12押して開発者ツール立ち上げて styleタグの部分とconsole情報みてCSSがエラー無く適用されているかを確認する。 スマホで作ってたりすると出来ないことですが、この確認しないで人に聞くのはまず良くないと思う。 具体的な原因としては ・ファイルパスが間違っている ・ファイル名が間違っている ・wordpressやアップしているレンタルサーバによってテーマなどのCSSが使用されていて上書きされている ・bootstrap等デザインフレームワークを使用していて上書きされている ・bodyタグと他のタグの見間違い ><@charset "utf-8"> CSSでの記述は @charset "UTF-8"; のはず CSSをUTF-8で保存していないとエラーの原因となります。