子元素和后代元素的区别

子元素：儿子

后代元素：儿子，孙子，重孙子等等都包括在内的元素

比如：

<div>

     <span>

     </span>

</div>

中div的子元素是span，同时span也是他的后代元素

<div>

    <p>

       <span>

       </span>

    </p>

</div>

中div的子元素是p，后代元素是p，span，如果span中再包含其他的元素那么这些元素还是div的后代元素