<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>
>代表子元素 直接关系的如果您不希望选择任意的后代元素,而是希望缩小范围,只选择某个元素的子元素的话就用>
举个例子啊
例如,如果您希望选择只作为 h1 元素子元素的 strong 元素,可以这样写:
h1 >strong {color:red}
这个规则会把第一个 h1 下面的 strong 元素变为红色,但是第二个 strong 不受影响:
<h1>This is <strong>very</strong>important.</h1>
<h1>This is <em>really <strong>very</strong></em>important.</h1>