如图所示:为什么".food>li”加边框样式只针对最外层的li,加入font-weight样式后所有的li字体也都加错了啊,那要这样的话,对于边框样式,岂不是应该每个li都要加一下边框啊,但效果是将".food>li”改为".food li”的时候,才会每项li加边框
因为文字颜色有继承性,border没有继承性(可以近似理解为父母的肤色会继承给儿子,孙辈......)
food>li是针对于作用它所在后辈的第一个,比如所,爷爷辈的某些东西只会在父辈有用,到了第三代这个属性就消失了。
food>li 确实是只针对直接子元素的。所以最外层的li获得了font-weight样式样式,但该样式又有继承特性,被内层的li继承了。