后代选择器
后代选择器匹配属于指定元素后代的所有元素。
实例代码:
<!doctype html>
<html>
<head>
<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>
</div>
<p>段落4。不在div中。</p>
<p>段落5。不在div中。</p>
</body>
</html>
运行效果:
评论