CSSが一部適用されません...

CSSが一部適用されません

htmlとCSSで勉強のためにホームページを作っています。ヘッダーの部分まではうまくいっているのですが、メインとフッターのところのCSSが適用されません。文字は表示されているのでhtmlではなくてcssの方に問題があると考えました。エラーメッセージなどは出ていません。

関係ないかもしれませんが一応記載しておくと、テキストエディタはAtomを使用しています。
###ソースコード

html
1<!DOCTYPE html>
2<html lang="ja">
3  <head>
4    <meta charset="utf-8">
5    <title>Monkeys</title>
6    <link rel="stylesheet" href="stylesheet.css">
7  </head>
8  <body>
9   <div class="header">
10     <div class="header-logo">Monkeys</div>
11     <div class="header-list">
12       <ul>
13         <li>サル教とは</li>
14         <li>メンバー紹介</li>
15         <li>NEWS</li>
16       </ul>
17     </div>
18   </div>
19   <div class="main">
20
21   </div>
22   <div class="footer">
23     <div class="footer-logo">Monkeys</div>
24     <div class="footer-list">
25       <ul>
26         <li>概要</li>
27         <li>メンバー</li>
28         <li>個人情報保護方針</li>
29       </ul>
30     </div>
31   </div>
32  </body>
33</html>
34

css
1body {
2  font-family: "HG正楷書体-PRO","HGP行書体","Comic Sans MS",cursive;
3  }
4
5li{
6  list-style: none;
7}
8
9.header{
10  background-color: #339999;
11  color: #fff;
12  height: 90px;
13}
14
15.header-list li{
16    float: left;
17    padding: 33px 20px;
18  }
19
20.header-logo{
21  font-size: 36px;
22  float: left;
23  padding: 20px 40px;
24
25.main{
26  background-color: #CC99CC;
27  height: 600px;
28}
29
30.footer {
31  background-color: #660000;
32  color: #fff;
33  height: 120px;
34  padding: 40px;
35}
36
37.footer-logo {
38  font-size: 32px;
39  float: left;
40}
41
42.footer-list {
43  float: right;
44}
45
46.footer-list li{
47  padding-bottom: 20px;
48}
49

試したこと

Chromeの検証のElementsだと、左にhtml右にcssが表示されるはずですが、<div class="footer>~~のところにカーソルを当てても、右にはbody部分のcssしか表示されません。headerだとちゃんとheaderのcssも表示されます。Sourcesから見るとcssのファイルはしっかり見れます。
キャッシュの削除というのも試しましたが、変わりません。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

行動規範の内容に同意します

回答1件

ベストアンサー

.header-logoの閉じカッコ}が抜けていますので、その後のが文法エラーとみなされて反映されておりません。

diff
1body {
2  font-family: "HG正楷書体-PRO","HGP行書体","Comic Sans MS",cursive;
3  }
4
5li{
6  list-style: none;
7}
8
9.header{
10  background-color: #339999;
11  color: #fff;
12  height: 90px;
13}
14
15.header-list li{
16    float: left;
17    padding: 33px 20px;
18  }
19
20.header-logo{
21  font-size: 36px;
22  float: left;
23  padding: 20px 40px;
24++ }
25
26.main{
27  background-color: #CC99CC;
28  height: 600px;
29}
30
31.footer {
32  background-color: #660000;
33  color: #fff;
34  height: 120px;
35  padding: 40px;
36}
37
38.footer-logo {
39  font-size: 32px;
40  float: left;
41}
42
43.footer-list {
44  float: right;
45}
46
47.footer-list li{
48  padding-bottom: 20px;
49}