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

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

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

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

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

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

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

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

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

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

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

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