| <div>    <p>        <span></span>        <a></a>        <b></b>    </p></div> | 
p是div的子元素,span是p的子元素,a、b同样是p的子元素
p是div的后代元素,span、a、b都是div的后代元素
后代可认为是包含的所有元素,而子元素只是包含一层的元素
上面的例子可以理解为div是父亲,p是div的儿子
span、a、b是p的儿子即div孙子,但都是div和p的后代
原文:http://www.cnblogs.com/ZhuRenWang/p/4746490.html