不是應(yīng)該是第一個(gè)是只顯示水果和蔬菜是紅色,第二個(gè)是全部都是紅色嗎,為什么運(yùn)行是兩個(gè)輸出都是紅色的
<style type="text/css">
.food>li{
? ? color:red;
}
</style>
<ul class="food">
? ? <li>水果
? ? ? ? <ul>
? ? ? ? <li>香蕉</li>
? ? ? ? ?<li>蘋果</li>
? ? ? ? ? <li>梨</li>
? ? ? ? </ul>
? ? </li>
? ? <li>蔬菜
? ? ? ? <ul>
? ? ? ? <li>白菜</li>
? ? ? ? ?<li>油菜</li>
? ? ? ? ? <li>卷心菜</li>
? ? ? ? </ul>
? ? </li>
</ul>
和下面這個(gè)為什么運(yùn)行時(shí)一樣的結(jié)果的
<style type="text/css">
.food ?li{
? ? color:red;
}
</style>
<ul class="food">
? ? <li>水果
? ? ? ? <ul>
? ? ? ? <li>香蕉</li>
? ? ? ? ?<li>蘋果</li>
? ? ? ? ? <li>梨</li>
? ? ? ? </ul>
? ? </li>
? ? <li>蔬菜
? ? ? ? <ul>
? ? ? ? <li>白菜</li>
? ? ? ? ?<li>油菜</li>
? ? ? ? ? <li>卷心菜</li>
? ? ? ? </ul>
? ? </li>
</ul>
2018-08-27
"以color- ?font- ?text- ?line- ?開(kāi)頭的,這些關(guān)于文字樣式的,都能夠繼承;所有關(guān)于盒子的,定位的,布局的屬性都不能繼承。"
另外,具體可繼承的屬性為:letter-spacing、word-spacing、white-space、line-height、color、font、font-family、font-size、font-style、font-variant、font-weight、text-decoration、text-transform、direction、text-indent、text-align、list-style、list-style-type、list-style-position、list-style-image。
具體不可繼承的屬性為:display、margin、border、padding、background、height、min-height、max-height、width、min-width、max-width、overflow、position、left、right、top、bottom、z-index、float、clear、table-layout、vertical-align、page-break-after、page-bread-before等;?
繼承性是從大貫穿到最小的,從自己開(kāi)始的,直到最小的元素。即繼承性不光兒子可以繼承,只要是后代都可以繼承
2018-08-19
你發(fā)的兩段代碼區(qū)別在哪?
2018-08-06
元素具有繼承性