標籤：
包含選取器，即加入空格,用於選擇指定標籤元素下的後輩元素。如下方的代碼：
.first span{color:red;}
這行代碼會使第一段文字內容中的“膽小如鼠”字型顏色變為紅色。
請注意這個選取器與子選取器的區別，子選取器（child selector）僅是指它的直接後代，或者你可以理解為作用於子項目的第一代後代。而後代選取器是作用於所有子後代元素。後代選取器通過空格來進行選擇，而子選取器是通過“>”進行選擇。
總結：>作用於元素的第一代後代，空格作用於元素的所有後代。
樣本:
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>後代選取器</title><style type="text/css">.first span{color:red;}.food li{ border:1px solid red;/*添加邊框樣式（粗細為1px， 顏色為紅色的實線）*/ }</style></head><body> <p class="first">三年級時，我還是一個<span>膽小如鼠</span>的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p><!--下面是本小節任務代碼--><ul class="food"> <li>水果 <ul> <li>香蕉</li> <li>蘋果</li> <li>梨</li> </ul> </li> <li>蔬菜 <ul> <li>白菜</li> <li>油菜</li> <li>捲心菜</li> </ul> </li></ul></body></html>
效果:
包含(後代)選取器
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
