CSSが反映されない時に確認すること

クレヨン HTML、CSS

クレヨン

今のところ、下記の内容を確認すれば大体解決できているので、メモっておきます。

スポンサーリンク

そもそも使い方を間違えている

あまり慣れないことをしようとすると、これにぶち当たる。

対処法

似たような参考サイトを探して、デベロッパーツールで確認してみる。

スペルミス

class名、id名を間違えていて、何にもなっていないとか。

対処法

目視で間違えていないか確認。

念のため、class名、id名をコピペしてみる。

キャッシュが残っている

ブラウザにキャッシュが残っているため、リロードしてもそちらが適用されてしまう。

対処法

キャッシュを削除してから、再度読み込んでみる。

 

ちなみに、わざわざブラウザ上からキャッシュを削除するという手間を取らなくても、『Ctrl』+『Shift』+『R』で簡単にできる。

 

CSSが反映されず、試行錯誤して、蓋を開けてみたら単純なミスで数時間無駄にしたということが多いので、この辺りをとっとと確認するようにしてみることにします。

コメント

タイトルとURLをコピーしました