<html>
<head>
<style>
.headr{
width:300px
height:200px
border:1px solid #f00
position:relative
}
.wenzi{
width:200px
height:100px
position:relative//这样来写的css的我们通过的就不会是在浏览器的左上角，而是div的左上角
left:0px
top:0px
border:1px solid #f00
}
</head>
<body>
<div class="headr" > //页头
<div class='wenzi'>
<p>我的数据</p>
</div>
</div>
</body>
</html>
这个不是css3的是css2的标准E>F
子选择符：选择所有作为E元素的子元素F
div >div {}
意思就是 父亲div只管对应儿子的div 儿子里边的孙子div不管的
你说的是<div class="123">
<div></div>
</div>
这种结构吗？
存在一下几种情况：
1..123 div {}，在样式123里定义了div属性，则子div遵从123定义的div。
2.如果都没都没有定义，那么样式123里定义的例如字体，文字大小，字间距之类的基本文字属性，子div会继承下来，但是其他的诸如背景呀之类的个性属性，是不会继承的。具体哪些是会继承的，哪些是不会，你可以自己尝试一下，在不断的学习和实践中你会了解的很全面，有些事情确实只可意会，不可言传
