第一代子元素相當于爺爺的兒子，所有子后代元素相當于爺爺的兒子和孫子們。

舉個例子：

<p>
????p是爺爺
????<ol>
????????ol是第一代子元素
????????<li>
????????????后代
????????????<ul>
????????????后代
????????????????<li>1111</li>
????????????????<li>2222</li>
????????????</ul>
????????</li>
????????<li>
????????????后代
????????????<ul>
????????????后代
????????????????<li>1111</li>
????????????????<li>2222</li>
????????????</ul>
????????</li>
????</ol>
</p>

.b>span{color:red;} ?<b>123<span>456<span>789</span></span> </b>第一代后代選擇器，只有456會選中變紅

.b span{color:red;} <b>123<span>456<span>789</span></span> </b> 所有子后代選擇器，456789會選中變紅

第一代子元素可以理解成它的孩子，而后代所有的子元素可以理解成它的所有后代，孩子，孫子等等。比如<p>標簽中可能還嵌套的有<p>標簽，選擇的肯定不同哈

比如：爸爸是爺爺的第一子代，我以及我的后輩是爺爺的子后代當然也包括爸爸在內。