ずばり6つ!! CSSが反映されない時にチェックすること

CSSでいろいろ作っていたら、ある時を境にまったく反応しなくなっていました。原因をググっても出なかったのですがとんでもない珍事が原因で解決しました。解決するまでに調べたことをまとめましたので同様に困った方は確認してみましょう。 キャッシュが残っている HTMLのCSSリンク名が間違っている ファイル名が異なっている ファイル保存場所が間違っている セレクタが間違っている スタイルの優先順位によるもの 検証(ディベロッパーツール)を使う まずは本当にCSSが反映されていないのか確認するために、検証(ディベロッパーツール)を使いましょう。 ここではGoogle Chromeでの検証機能を使っていきます。PCブラウザでは基本的にブラウザの違いはあれども実装はしているはずですのでご確認ください。(IE、Firefox、Edge、Safariなど) Google Chromeでの検証はページで右クリ