为什么边框没有框住前面的小圆点
因为所添加的css样式:.food>li作用于li(列表内容),非ul,如果改为.food{}则可以包住外面的无语列表标记
因为水果在第一个<li>标签下,其实是一个<ul>标签里再嵌套一个<ul>标签,
因为你加了
可以使用样式list-style:none去除原点,原点是<ul><li></li>......</ul>的默认样式
盒模型如图~