cssがなぜか効かない（キャッシュ）

cssでなぜか何を試しても効かない…。

前回のキャッシュが残っている為新しいcssが読み込まれない。

最初はそれが原因で1時間くらい躓くこともありました…。

そもそもキャッシュとは？

端末に残っている履歴のようなもの

キャッシュを削除するには

Google Chrome利用時

検証ツール

Mac(option + command + i )

↓

その他のツール

↓

閲覧履歴を消去

↓

再読み込み

他にも効かない理由として、

ファイルの階層が違う

クラス名が違う

優先順位を間違える

などがありました。