为什么header > .container中的background: #00ff00无效呢?

为什么header > .container中的background: #00ff00无效呢?

/*在此完成CSS样式设置*/

* {
    background:#fff;
    margin:0px;
    padding:0px;
    border:0px;
    font-size:24px;
}
a  {
    text-decoration:none;
}
ul {
    outline-style:none;
}

header {
    height:80px;
    background:#000;
}

header > .container {
    width: 1200px;
	margin: 0 auto;
	background: #00ff00;
	
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
<title>IMOOC</title>
<link rel="stylesheet" href="css/nav.css" type="text/css">
</head>
<body>
<!--  在此完成网页的HTML代码-->
<header>
   <div class="container">
         <div class="logo"><img src="http://img1.sycdn.imooc.com/climg//582e5f160001b17100400040.png" >MYMOOC</div>
         <nav>
     <a class="Home active" href="/class/class1_1/index.html">Home</a>
     <a class="Course" href="#">Course</a>
     <a class="Actual" href="#">Actual</a>
     <a class="Plan" href="#">Plan</a>
     <a class="FAQ" href="#">FAQ</a>
     <a class="Notes" href="#">Notes</a>
         </nav>
   </div>
</header>
</body>
</html>

为什么header > .container中的background: #00ff00无效呢?

QQ、 chrome 都无效, 无法显示这个底色; 


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕糖 2018-07-13 18:40:40

你好,*是应用到全部标签,所以header > .container这个元素的子元素会应用*中的背景颜色,header > .container这个元素的背景颜色就被遮盖了哦,或者你可以给header > .container添加个高度来测试下,背景颜色是有生效的,例:

http://img1.sycdn.imooc.com//climg/5b4881850001c32302950136.jpghttp://img1.sycdn.imooc.com//climg/5b48819600016b5c12110307.jpg

若能解决你的疑问,望采纳。

祝学习愉快~

卡布琦诺 2018-07-13 18:28:26

http://img1.sycdn.imooc.com//climg/5b487e8a0001953707170221.jpg

祝学习愉快!

  • 提问者 飞翔吧吧 #1
    这么怎么理解呢? *{background:#fff} 这个是是应用到全部属性标签吗?还是最低层的标签?
    2018-07-13 18:31:02
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
HTML5与CSS3实现动态网页 2018
  • 参与学习       1887    人
  • 提交作业       4643    份
  • 解答问题       5760    个

有HTML和CSS基础,却不知道如何进阶?本路径带你通过系统学习,完成从“会做网页”到“做出好的动态网页”的蜕变,迈出成为前端工程师的第一步。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师