<style type="text/css">
/*div p {
background: yellow;
}*/
/* 选择 <div> 元素内的所有 <p> 元素。 */
div > p {
background: yellow;
}
/*父元素是 <div> 元素的所有 <p> 元素。*/
div + p {
background: yellow;
}
/*紧随 <div> 元素之后的 <p> 元素 注意是紧随 紧随的只有1个*/
div ~ p {
background: yellow;
}
/*前面有 <div> 元素的每个 <p> 元素 注意可以有多个div div 后边可以有多个p元素*/
</style>
<body>
<div>
<p>div 中的段落</p>
<p>div 中的段落</p>
<p>div 中的段落</p>
</div>
<div>
<p>我是div 中的p 元素</p>
<div>我不是div 后的p元素</div>
<p>我是div 中的p 元素</p>
<p>我是div 中的p 元素</p>
</div>
<div>
</div>
</body>