div p 和 div>p 的区别
1.div p
这个p是应用于div下所有的p元素
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
div{
width:200px;
height: 200px;
border:1px solid black;
}
div p{
color: red;
font-family:"黑体";
font-size: 28px;
}
</style>
</head>
<body>
<div>
<p>这是第一个p</p>
<p>这是第二个P</p>
</div>
</body>
</html>
2.div>p
div>p的样式则是应用到div下的第一级子元素p中的,在
<style type="text/css">
div{
width:200px;
height: 200px;
border:1px solid black;
}
div>p{
color: green;
font-family:"黑体";
font-size: 28px;
}
</style>
</head>
<body>
<div>
<header><p>这是标题p</p></header>
<p>这是第一个p</p>
<p>这是第三个p</p>
</div>
</body>