例如:

div p : 這是后代選擇器

div>p:這是子選擇器

后代選擇器：就是對象當中所有的子元素，孫子元素以及最底層的元素,也就是說,不管那逗比嵌套在第幾層都能匹配到.

子選擇器：就單單是子元素，子元素的子元素就不算了

看代碼

div?li{}?后代
ul>li{}??子代

<div>
??<ul>
????<li><a?href=""></a></li>
????<li><a?href=""></a></li>
????<li><a?href=""></a></li>
????<li><a?href=""></a></li>
????<li><a?href=""></a></li>
????<li><a?href=""></a></li>
????<li><a?href=""></a></li>
????<li><a?href=""></a></li>
????<li><a?href=""></a></li>
??</ul>
</div>