我的css怎么产生不了预期效果？？
当不同的元素互相嵌套，把每个元素的背景色设置成不一样，然后就可以很清晰的看见盒子嵌套后不一样的背景效果，但是事实上却有点不一样，我认为第四层嵌套在第三层，第三层嵌套在第二层，第二层嵌套在第一层，所以每层的背景应该也是嵌套的，但是现实发现第二层竟然和第三层共用第一层的背景，难道第三层不应该嵌套在第二层吗，很迷惑，不知道css是不是写错了，请大神帮忙指点一下，谢谢！！
<html>
<head>
<link type="text/css" rel="stylesheet" href="Untitled-1.css">
</head>
<body>
<div id="t">一层
<p id="q2">二层
<p id="q3">三层
<em>四层</em>
</p>
</p>
</div>
</body>
</html>下面是对应的css：
div#t{
width:1000px;
background-color:red;
}
t #q2{
width:800px;
background-color:blue;
}
t #q3{
width:600px;
background-color:#FF0;
}
t em{
width:400px;
background-color:white;
}
展开
收起
版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
1
条回答
写回答
-
IT从业2019-07-17 19:30:57赞同 展开评论
相关问答