所謂的第一代子元素，還真的必須是>前面那個選擇器的直接嵌套子元素才行呢。
我以前以為所謂的第一代子元素，是包括了>前面那個選擇器的所有嵌套子元素，看來是理解有誤。
直接用代碼說明：
<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>子選擇符</title>
<style?type="text/css">
.food>li{border:1px?solid?red;}/*添加邊框樣式（粗細為1px，?顏色為紅色的實線）*/
.first>.bb{border:1px?solid?red;}
</style>
</head>
<body>
<p?class="first">三年級時，<span?class="bb">我還是一個<span?class="bb">膽小如鼠</span>的小女孩</span>，上課從來不敢回答老師提出的問題，<span?class="aa">生怕回答錯了老師會批評我</span>。就一直沒有這個勇氣來回答老師<span?class="bb">提出的問題</span>。學校舉辦的活動我也沒勇氣參加。</p>
<h1>食物</h1>
<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>
2015-12-14
被你發現了