子選擇器中子元素的范圍問題
<!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，?顏色為紅色的實線）*/
.fooder>li{color:red;}
????/*測試第一代子元素的范圍*/
</style>
</head>
<body>
<h1>食物</h1>
<ul?class="fooder">
????<li>水果
????????<ul>
???????? <li>香蕉</li>
????????????<li>蘋果</li>
????????????<li>梨</li>
????????</ul>
????</li>
????<li>蔬菜
???? <ul>
???????? <li>白菜</li>
????????????<li>油菜</li>
????????????<li>卷心菜</li>
????????</ul>
????</li>
</ul>
</body>
</html>我為了測試子選擇器中所說的子元素的范圍，建了這么個HTML，測試的時候.food樣式只應用在水果和蔬菜兩個子元素上了，但是.fooder樣式為什么連香蕉蘋果梨，白菜油菜卷心菜也跟著變更樣式了呢？？照理來說他們應該不屬于第一代子元素啊，求助，感謝！
2017-01-16
顏色是繼承了