子选择器
子选择器匹配属于指定元素子元素的所有元素。
实例代码：
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
div >p{
background-color:yellow;
width:400px;
}
</style>
</head>
<body>
<h1>子选择器实例</h1>
<p>子选择器（>）选择属于指定元素子元素的所有元素</p>
<div>
<p>div 中的段落1</p>
<p>div 中的段落2</p>
<section><p>div 中的段落3</p></section><!--非子但属后代-->
<p>div 中的段落4</p>
</div>
<p>段落5，不在div中</p>
<p>段落6，不在div中</p>
</body>
</html>
运行效果：
评论