.food>li改为.food li

子选择器只会作用于直接子代，后代选择器才能让全部子代选择器都有父代的样式。

.food li{border:2px solid blue;}     这个会出现第一个框的效果

.food>li{border:2px solid blue;}     这个会出现第二个框的效果

至于你用了.food>li{border:2px solid blue;}  会出现第一个效果我也不太清楚，我做完之后的效果就这两种，  你做完之后记得刷新

你把ui改成ul试一下

你的css的ui标签是什么意思，不是ul？

把>改成空格

你的标签是不是写错了，<ul>

                                        <li></li>

                                      </ul>

看不清你的CSS部分的代码

这不是有框吗，只是fruit框的下面和apple框上面重合了。