把border:1px solid red;改成color:red,按照说法,food>li的话,运行后就只有水果和蔬菜这四个字变成红色,而food li则是li里面的字都变成红色。但是运行后,两个结果都是li里面的字都变成红色.,这怎么解。
想起来前两天修改网页时有些性质式有继承性的,就在网上找到下面这段话。
"以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标签都是红色,意思不一样,但是结果相同