把.food>li修改为.food li为什么会有不一样的效果
选择器的原因导致的样式权重不一样
一个是子代选择器,一个是后代选择器。 food>li只作用于他的儿子元素例如
<ul class=food>
<li><!--儿子-->
<li></li><!--儿子的儿子-->
</li>
<ul>
food li则原则所有的li
一个是子代选择器,一个是后代选择器。子代选择器只作用于第一代,后代选择器作用于全部后代(包含子代)。