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

子元素选择器与后代选择器,有点儿迷糊

如图所示:为什么".food>li”加边框样式只针对最外层的li,加入font-weight样式后所有的li字体也都加错了啊,那要这样的话,对于边框样式,岂不是应该每个li都要加一下边框啊,但效果是将".food>li”改为".food li”的时候,才会每项li加边框

578f99d8000194e605000271.jpg

578f99d80001ceb205000272.jpg


提问者:慕粉18703212853 2016-07-20 23:34

个回答

  • kingtakeshi
    2016-07-26 09:18:30

    因为文字颜色有继承性,border没有继承性(可以近似理解为父母的肤色会继承给儿子,孙辈......)

  • 慕无忌3156419
    2016-07-22 14:29:56

    food>li是针对于作用它所在后辈的第一个,比如所,爷爷辈的某些东西只会在父辈有用,到了第三代这个属性就消失了。

  • 慕粉3654187
    2016-07-20 23:40:57

    food>li 确实是只针对直接子元素的。所以最外层的li获得了font-weight样式样式,但该样式又有继承特性,被内层的li继承了。