我连接外部样式表没有效果，帮我看一下问题出在哪？

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
<title>IMOOC</title>
<link rel="stylesheet" type="text/css" href="css/nav.css">
</head>
<body>
<!--  在此完成网页的HTML代码-->
<header>
   <div>
        <a href="#"><img src="http://img1.sycdn.imooc.com/climg//582e5f160001b17100400040.png">MYMOOC</a>
       <nav>
           <a href="index.html">Home</a>
           <a href="#">Course</a>
           <a href="#">Actual</a>
           <a href="#">Plan</a>
           <a href="#">FAQ</a>
           <a href="#">Notes</a>
      </nav>
   </div>
</header>
</body>
</html>
CSS部分：
*{
    margin:0;
    border:0;
    padding:0;
    font-size:14px;
    font-family:Arial;
}
header{
    height:80px;
    background:#000;
}
header>.container{
    width:1200px;
    margin:0 auto;
}
header > .container >a{
    display:block;
    float:left;
    margin:5px 25px;
    text-decoration:none;
}
header>.container>nav{
    float:right;
}
header>.container>nav>a{
    font-size:24px;
    display:block;
    height:73px;
    width:110px;
    line-height:73px;
    text-align:center;
    color:#fff;
    text-decoration:none;
}
header>.container>nav>a.home{background:#433b90;}
header>.container>nav>a.course{background:#017fcb;}
header>.container>nav>a.actual{background:#78b917;}
header>.container>nav>a.plan{background:#feb800;}
header>.container>nav>a.faq{background: #433b90;}
header>.container>nav>a.notes{background:#017fcb;}
header>.comtainer>nav>a:hover,
header>.comtainer>nav>a:active{
    padding-bottom: 7px
}

nice编程 2017-02-16

源自：HTML5网页布局 2-2 编程练习

收起

3回答

小于飞飞回答被采纳获得+3积分 2017-02-17 09:07:37

你好考虑一下一个问题：

html中每一个，a标签的class都没有，.home\.course\.actual.....等。
.container 这个class也没在html中显示。
引用css外部文件不起作用，考虑路径引用不正确。确定html文件和css文件夹是在同一个文件夹中，这样css外部文件的路径才是css/nav.css ; 如果html和css文件分别在相应的文件夹中，路径应为../css/nav.css

希望对你有帮助，祝学习愉快，欢迎采纳。

收起回答