<!DOCTYPE?HTML>
<html>
<head>
<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8">
<title>子選擇符</title>
<style?type="text/css">
.food>li{font-size:13px;?border:1px?solid?red;}/*添加邊框樣式（粗細為1px，?顏色為紅色的實線）*/
.first>span{border:1px?solid?red;}
.aabb>h1{font-size:20;?color:red;}
</style>
</head>
<body>
<p?class="first">三年級時，<span>我還是一個膽小如鼠的小女孩</span>，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。</p>
<h1?class="aabb">食物</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><!--為什么用在<h1>標簽里面不行-->
2019-11-19
因為他們是同級的。
<h1?class="aabb">食物</h1><ul?class="food">.aabb>h1{font-size:20;?color:red;}說明h1應該是包含在aabb的第一個級，而代碼中明顯屬于同級
2020-03-12
因為h1沒有下一子代元素的。(>),用于選擇指定標簽元素的第一代子元素?
2019-11-19
(>),用于選擇指定標簽元素的第一代子元素。如下代碼編輯器中的代碼：
.food>li{border:1px?solid?red;}.aabb>h1{font-size:20;?color:red;}說明h1應該是aabb的第一代子元素，而代碼中明顯不是