文字樣式沒有子代和后代之分？
如果我寫 .food li {color:red;} 就是food類下面所有li的標簽都為紅色，這是后代選擇器
如果我寫.food >li{color:red;}按理是food類第一代li標簽為紅色，可是居然第二代也變紅色了，
這是什么原理?
<ul class="food">
? ? <li>水果
? ? ? ? <ul>
? ? ? ? <li>香蕉</li>
? ? ? ? ? ? <li>蘋果</li>
? ? ? ? ? ? <li>梨</li>
? ? ? ? </ul>
? ? </li>
? ? <li>蔬菜
? ? <ul>
? ? ? ? <li>白菜</li>
? ? ? ? ? ? <li>油菜</li>
? ? ? ? ? ? <li>卷心菜</li>
? ? ? ? </ul>
? ? </li>
</ul>
2017-12-25
繼承性，文字樣式是有繼承性的。而border沒有繼承性
2017-12-24
????如果你改變邊框的顏色就會發現，改變的是塊級元素的邊框.
????所以改變的是塊級元素內的顏色。
2017-12-24
看了你的問題,我感覺你是沒有理解子代的區分....如果不是還請你在提問的仔細一點,我也是剛學的(捂臉)
兩張圖能看出區別了嗎,一代和二代的區別
2017-12-24
可以試著把8-6選擇器當中的代碼進行修改，就可以發現它們的一些區別：
例子中的源代碼如下：
.food>li{border:1px solid red;}/*添加邊框樣式（粗細為1px， 顏色為紅色的實線）*/
結果圖示：
修改代碼為后代選擇器：
.food li{border:1px solid red;}/*添加邊框樣式（粗細為1px， 顏色為紅色的實線）*/
結果圖示：
綜上所述：因為li是塊狀元素，那么它是相對于它內含里面li算是第一個;塊級元素中的li是并列出現的，因此對于ul來說，它們都是第一個元素。
2017-12-24
因為li它是塊級元素，那么問題中的li是并列出現的，因此對于ul來說，它們都是第一個元素。