はじめに

CSSに書いたはずのものが何故か反映されない時に、他の記事を試してみたが上手くいかず、イライラする前にチェックするべきことを書きました。

一部のCSSは適用されているのに他のところが適用されていないと思っている場合にも、この方法が有効でしたので、ここに書こうとおもいます。

解決方法

1 . mainとfooterの初めに.を付けない。

classと間違えて付けてないか確認しましょう。

（例）
・修正前

.main{
background-color: purple;
}

・修正後

main {
background-color: purple;
}

2 . CSSを読み込むための名前が間違っていないか確認

CSSを読み込むためには、headに
<link rel="stylesheet" href="読み込みたいファイル名" />
と書きます。
その中の、読み込みたいファイル名が間違えていないのか確認します。

3 . 全角のスペース（　）や全角英数字が入っていないか確認する。

4 . カッコやdivタグの数が正しいか確認する。