CSSが反映されない時のための初心者用チェックリスト(初心者編)

プログラミング小僧のような初心者にとって、

「あれ?CSSが反映されない、、、なぜだ?」

という時がめちゃくちゃある。

たいていは凡ミスなことが多いのだが、情けないのだがなかなかその凡ミスに気づけないのだ。

そのため、CSSが反映されない時のためのチェックリストを備忘録のために記録しておきたい。

スポンサーリンク

CSSが反映されない時にチェックリスト

  • <header class="test">とHTMLに記述する時の=(イコール)を:(コロン)やー(ハイフン)などの別記号にしてしまってないか?
  • CSSで.test{~}と記述する時の.(ピリオド)を忘れてないか?
  • 同じタグにclassを2つ設定する時の書き方が間違っていないか?
  • HTMLやCSSのファイルの保存を忘れていないか?
  • キャッシュが残っていないか?
  • .test{border:solid;}と書く時の;(セミコロン)を書き忘れていないか?
  • .test{color:red;}と書く時の }(閉じカッコ)を書き忘れてないか?
  • floatの解除を忘れていないか?
  • スペルミスをしていないか?(class="control"をcontorolとスペルミスしてなにも反映しなかった笑)

信じられないだろうが、これはプログラミング小僧が実際にCSSが反映されなかった時にやってしまっていたミスなのだ(笑)

CSSが反映されないという時は、ぜひ参考にして欲しい。

これからもミスったことはどんどん追記していきたいと思う。

関連記事はこちら!

【CSS】行間を調整するなら line-heightプロパティを使う

【CSS】リンク(aタグ)の下線を消したい場合はtext-decorationを使う!

【CSS】classやidのセレクタ名を付ける時に注意すべきことって何?

【CSS】疑似クラスって一体なんだ?

スポンサーリンク
おすすめの記事