这里有一个嵌套，既然是第一代子元素，应该红框是水果是蔬菜啊？而且水果和蔬菜前的黑点为什么没被包含？反而我改颜色的话这个黑点就成了红色
.food>li{border:1px solid red;}
这里设置的是边框颜色，不是整体的颜色。