<!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{
????color:red;
????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>
2016-07-04
這里的顏色樣式具有繼承性，即food類標簽里面的所有標簽如果沒有集體設置，根據權限是為red的，而邊框剛好是沒有繼承性的，所有food里面的標簽是沒有繼承到，只在第一子后代發揮作用，你可以看看第9章的第一部分的繼承這塊。
2016-07-04
你把第十行color：red ?刪去就好了
你這字體肯定都變紅色了
2016-07-04
你把這句去了看看效果
2016-07-04
.font>li指的是把ul中擴展的第一層li的變成紅色，你看第二層li香蕉就沒有邊框。而且顏色指的是li中的<li></li>中的字體。就包括所有的字了。
2016-07-04
2016-07-04