子选择器只能选择自己的子类,第二级元素,而不能选择第二级别以下的元素。
div > p {
<!-- 选择 p 元素成功-->
}
div > strong {
<!-- 选择 strong 元素失败-->
}
<div>
<p><strong>子选择器</strong></p>
</div>
<div>
<p><strong>子选择器</strong></p>
</div>
后代选择能指定的对象,只要是元素下面的元素,无论几级,都能选定。
div p {
<!-- 选择 p 元素成功-->
}
div strong {
<!-- 选择 strong 元素成功-->
}
<div>
<p><strong>后代选择器</strong></p>
</div>
<div>
<p><strong>后代选择器</strong></p>
</div>