想起來前兩天修改網頁時有些性質式有繼承性的，就在網上找到下面這段話。

"以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等；?

繼承性是從大貫穿到最小的，從自己開始的，直到最小的元素。即繼承性不光兒子可以繼承，只要是后代都可以繼承

我把<li>香蕉</li>改成<span>香蕉</span>

.food>li{
??? color:red;
}

香蕉也是會變成紅色

很費解

food>li意思是food里的都是紅色,food li意思是food里的li標簽都是紅色，意思不一樣，但是結果相同