文字樣式?jīng)]有子代和后代之分？
如果我寫 .food li {color:red;} 就是food類下面所有l(wèi)i的標(biāo)簽都為紅色，這是后代選擇器
如果我寫.food >li{color:red;}按理是food類第一代li標(biāo)簽為紅色，可是居然第二代也變紅色了，
這是什么原理?
<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沒(méi)有繼承性
2017-12-24
????如果你改變邊框的顏色就會(huì)發(fā)現(xiàn)，改變的是塊級(jí)元素的邊框.
????所以改變的是塊級(jí)元素內(nèi)的顏色。
2017-12-24
看了你的問(wèn)題,我感覺(jué)你是沒(méi)有理解子代的區(qū)分....如果不是還請(qǐng)你在提問(wèn)的仔細(xì)一點(diǎn),我也是剛學(xué)的(捂臉)
兩張圖能看出區(qū)別了嗎,一代和二代的區(qū)別
2017-12-24
可以試著把8-6選擇器當(dāng)中的代碼進(jìn)行修改，就可以發(fā)現(xiàn)它們的一些區(qū)別：
例子中的源代碼如下：
.food>li{border:1px solid red;}/*添加邊框樣式（粗細(xì)為1px， 顏色為紅色的實(shí)線）*/
結(jié)果圖示：
修改代碼為后代選擇器：
.food li{border:1px solid red;}/*添加邊框樣式（粗細(xì)為1px， 顏色為紅色的實(shí)線）*/
結(jié)果圖示：
綜上所述：因?yàn)閘i是塊狀元素，那么它是相對(duì)于它內(nèi)含里面li算是第一個(gè);塊級(jí)元素中的li是并列出現(xiàn)的，因此對(duì)于ul來(lái)說(shuō)，它們都是第一個(gè)元素。
2017-12-24
因?yàn)閘i它是塊級(jí)元素，那么問(wèn)題中的li是并列出現(xiàn)的，因此對(duì)于ul來(lái)說(shuō)，它們都是第一個(gè)元素。