不是應該是第一個是只顯示水果和蔬菜是紅色，第二個是全部都是紅色嗎，為什么運行是兩個輸出都是紅色的
<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>
和下面這個為什么運行時一樣的結果的
<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- ?開頭的，這些關于文字樣式的，都能夠繼承；所有關于盒子的，定位的，布局的屬性都不能繼承。"
另外，具體可繼承的屬性為：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等；?
繼承性是從大貫穿到最小的，從自己開始的，直到最小的元素。即繼承性不光兒子可以繼承，只要是后代都可以繼承
2018-08-19
你發的兩段代碼區別在哪？
2018-08-06
元素具有繼承性