Home>

Some CSS does not apply

I am making a homepage for studying with html and CSS. It's working fine up to the header part, but the CSS at the main and footer doesn't apply. Since the characters are displayed, I thought that there was a problem with css instead of html. There are no error messages.

It may not be relevant, but for the time being, the text editor uses Atom.

Source code
<! DOCTYPE html>
<html>
<head>
  <meta charset = "utf-8">
  <title>Monkeys</title>
  <link rel = "stylesheet" href = "stylesheet.css">
</head>
<body>
   
      Monkeys 
     
     <ul>
       <li>What is monkey religion</li>
       <li>Member introduction</li>
       <li>NEWS</li>
     </ul>
     
   
   
   
   
      Monkeys 
     
     <ul>
       <li>Overview</li>
       <li>Members</li>
       <li>Personal Information Protection Policy</li>
     </ul>
     
   
</body>
</html>
body {
  font-family: "HG Regular typeface-PRO", "HGP line typeface", "Comic Sans MS", cursive;
  }
li {
  list-style: none;
}
.header {
  background-color: # 339999;
  color: #fff;
  height: 90px;
}
.header-list li {
    float: left;
    padding: 33px 20px;
  }
.header-logo {
  font-size: 36px;
  float: left;
  padding: 20px 40px;
.main {
  background-color: # CC99CC;
  height: 600px;
}
.footer {
  background-color: # 660000;
  color: #fff;
  height: 120px;
  padding: 40px;
}
.footer-logo {
  font-size: 32px;
  float: left;
}
.footer-list {
  float: right;
}
.footer-list li {
  padding-bottom: 20px;
}
What I tried

In Chrome verification Elements, css should be displayed on the left and html on the right, but even if you hover over ~~, only the css of the body part is displayed on the right. No. If it is header, the css of header is also displayed properly. If i look at Sources, you can see the css file firmly.
I also tried clearing the cache, but it doesn't change.

Supplementary information (FW/tool version, etc.)

Please provide more detailed information here.

  • Answer # 1

    .header-logo closing brace}Is missing, so the subsequent ones are considered as grammatical errors and are not reflected.

    body {
      font-family: "HG Regular typeface-PRO", "HGP line typeface", "Comic Sans MS", cursive;
      }
    li {
      list-style: none;
    }
    .header {
      background-color: # 339999;
      color: #fff;
      height: 90px;
    }
    .header-list li {
        float: left;
        padding: 33px 20px;
      }
    .header-logo {
      font-size: 36px;
      float: left;
      padding: 20px 40px;
    ++}
    .main {
      background-color: # CC99CC;
      height: 600px;
    }
    .footer {
      background-color: # 660000;
      color: #fff;
      height: 120px;
      padding: 40px;
    }
    .footer-logo {
      font-size: 32px;
      float: left;
    }
    .footer-list {
      float: right;
    }
    .footer-list li {
      padding-bottom: 20px;
    }