为何把<li>水果</水果> </li>蔬菜</li>去掉就没有框框了？<li>香蕉</li>之类的不也是.food>li吗？
.food>li只对子类有效，因为它是一个子类选择器。
而.food li才对它下面所有的<li>标签有效，这是一个后代选择器。
区别在于它们中间的符号，一个是">"，一个是"空格" 这是有区别的。
你往后面学习就会知道了，祝你学习愉快。