想起来前两天修改网页时有些性质式有继承性的，就在网上找到下面这段话。

"以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标签都是红色，意思不一样，但是结果相同