更新したはずのスタイルシートの内容が反映されない! このidだけ、このclassだけ、この要素だけスタイルが効かない! ブラウザ上でスタイルシートの中身を見ても更新されているのに、ページ上には反映されない いくらブラウザのリロードボタンを押しても変わってくれない… などなど、うまくスタイルが効かない状況に出くわす事は誰しも一度はあると思います。 スタイルが反映されない問題の原因は多岐にわたるので、心当たりのあるものから一つ一つ確認していきましょう。 今回はCSSが反映されない場合にチェックすべき点をいくつか紹介します。 まずはキャッシュの確認 ブラウザにはページを迅速に表示させるための キャッシュ機能 が付いています。 ページが表示されて一度読み込まれたスタイルシートは、ブラウザにキャッシュとして保存されます。 このキャッシュが更新されなければ、いくらファイルを更新しても 古いスタイル が