CSSが効かない時にチェックすること！

急にWeb制作の技術的な話をしてみます。
今後メモ的にTIPS的な記事をちょこちょこ書いていくかもしれません。

CSSが効かない！困った！という時のチェックリスト

1. CSSのid/class名が間違っていないか

2. HTMLでCSSがきちんと読み込まれているか

3. 変更したファイルと見ているファイルが同じものか

4. サーバー上で見ている場合、アップを忘れていないか

   1. HTMLだけアップして、CSSをアップしていないなど

5. サーバー上で見ている場合、キャッシュが残っていないか

   1. キャッシュクリアして表示を試す

6. CSSファイルのメディアクエリの指定がされていないか

   1. 見ているウインドウサイズが違う

7. データが壊れていないか

   1. HTML/CSSのエラーをなくす

8. 全角スペースがHTML内に含まれていないか

   1. 妙なスペースがある場合

   2. 全角スペースはタグに囲まれていないとこで使っちゃダメ）

こんなところです。
上記を順に確認していけば大抵のケースはエラーが見つかるはずです。

他のケースも見つかったら随時追加していきたいと思います。