スペルミス
自分では合っていると思っていてもスペルミスによるエラーが多かった
→クラス名などは全てコピペして使うようにしました。
エディターの拡張機能を使いスペルミスを無くしました。
idとclassを間違える
cssに記載する際に、idは「#」classは「.」から始める
→これはシンプルに確認不足なので見直すようにしました。
全角スペースと半角スペースを間違える
半角スペースで空けたつもりが全角になっていることが多かった
見た目でもあまり見分けがつかず、なぜエラーになっているのかわからなかった
→エディターの拡張機能を使い全角スペースにしてしまった場合は色で判断できるようにしました。
閉じタグを忘れてしまう
うまく表示されなかったり、cssが当たらなかったりした
→これもエディターの拡張機能を使い閉じ忘れはエラーの表示をさせるようにしました。
cssがうまく当たらない
コードが書いてあるとこよりも下に、同じクラス名などで指定してある
→優先順位、ファイルの読み込み順をよく確認するようにしました。