例：<p class="food"><span><span></span></span></p>
<p class="food">是父母
<span><span></span></span>是孩子,也就是第一代子元素
中间的一组<span></span>是孙子也就是后代元素
不知道我的这理解对不对？各位大神给指点一下。
对的，例如
<div>
<span>
<a></a>
</span>
</div>
这样，span就是div的第一代子元素，也就是div的儿子。而a标签是span的第一代子元素，也就是说a是span的儿子，那么a标签就是div标签的孙子了，也就是第二代子元素了