您好，请问我的代码问题出在哪里？为什么nav内a标签的背景色不能正常显示？

来源：2-2 编程练习

慕用1366767

2020-02-20 20:13:00

<!DOCTYPE html>
<html>
<head>
  <title>header</title>
  <link rel="stylesheet" type="text/css" href="html5_2-2.css">
</head>
<body>
  <header>
    <div class="logo">
      <a href="html5_2-2.html">
        <img src="http://climg.mukewang.com/582e5f160001b17100400040.png">MYMOOC
      </a>
    </div>
    <nav>
      <a href="#" class="home">Home</a>
      <a href="#" class="course">Course</a>
      <a href="#" class="autual">Actual</a>
      <a href="#" class="plan">Plan</a>
      <a href="#" class="faq">FAQ</a>
      <a href="#" class="notes">Notes</a>
    </nav>

  </header>
</body>
</html>


*{
  margin:0;
  padding:0;
  border:none;
}
header{
text-align: center;
color:#fff;
background-color:black;
height:80px;
}
header .logo{
  width:50%;
  height:80px;
  float:left;
}
header .logo a{
  display:block;
  height:40px;
  margin:20px auto;
}
header nav{
  width:50%;
  height:80px;
  float:left;
  line-height: 80px;
}
header nav a{
  display:block;
  float:left;
  height:70px;
  width:50px;
  background-color: red;
}
header nav  a.home{
  background-color:#ff0033;
}
header nav a.course{
  background-color: #ffff00;
}
header nav a.actual{
  background-color: #00ff00;
}
header nav a.plan{
  background-color: #0033ff;
}
header nav a.faq{
  background-color:#ff9900;
}
header nav a.notes{
  background-color: #6699ff;
}

写回答

1回答