子選擇器：
一個(gè)比較有用的選擇器子選擇器路克，即大于符號(hào)(>),用于選擇指定標(biāo)簽元素的第一代子元素谴古。如右側(cè)代碼編輯器中的代碼：
.food>li{border:1px solid red;}
這行代碼會(huì)使class名為food下的子元素（第一子代）li（水果朽缎、蔬菜）加入紅色實(shí)線邊框。
包含(后代)選擇器：
包含選擇器窥淆，即加入空格,用于選擇指定標(biāo)簽元素下的后輩元素叁幢。如右側(cè)代碼編輯器中的代碼：
.first? span{color:red;}
這行代碼會(huì)使class名為first下的（所有后代）span標(biāo)簽內(nèi)的字體顏色變?yōu)榧t色滤灯。
區(qū)別：
請(qǐng)注意這個(gè)選擇器與子選擇器的區(qū)別坪稽，子選擇器（child selector）僅是指它的直接后代曼玩，或者你可以理解為作用于子元素的第一代后代。而后代選擇器是作用于所有子后代元素窒百。后代選擇器通過空格來進(jìn)行選擇黍判，而子選擇器是通過“>”進(jìn)行選擇。
總結(jié)：>作用于元素的第一代后代篙梢，空格作用于元素的所有后代
