问答详情
源自:8-7 这么快就当爷爷了? - 后代选择器

求解求解!!!

把border:1px solid red;改成color:red,按照说法,food>li的话,运行后就只有水果和蔬菜这四个字变成红色,而food li则是li里面的字都变成红色。但是运行后,两个结果都是li里面的字都变成红色.,这怎么解。

提问者:qq_QQ斗地主第一名_03842666 2018-08-26 22:29

个回答

  • 3出发4
    2018-08-27 13:08:34

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

    "以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等; 

    继承性是从大贯穿到最小的,从自己开始的,直到最小的元素。即继承性不光儿子可以继承,只要是后代都可以继承

  • 3出发4
    2018-08-27 12:52:57

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

    .food>li{
        color:red;
    }

    香蕉也是会变成红色

    很费解

  • CWmu
    2018-08-26 22:33:33

    food>li意思是food里的都是红色,food li意思是food里的li标签都是红色,意思不一样,但是结果相同