如果是ul是无序列表,那么水果前的Li和蔬菜前的li是同一级别,但改成有序列表,还能这样想吗?
如果是ul是无序列表,那么水果前的Li和蔬菜前的li是同一级别,但改成有序列表,还能这样想吗?
还有为什么把 .food>li 改成 .food>ul 没有效果
可以这样想。因为所谓的“第一代元素”不是“第一个元素项”。ul 代表的是un-ordered list(无序列表), 他的字元素就是他自己的li(list item列表元素),这便是第一代。其中水果是第一代的第一项,蔬菜是第一代第二项。因此不论你用的是有序还是无序列表,没有区别。“代”不是按顺序排列的。
.food>li 的意思是“让选择器食物列表的所有列表子元素(仅限第一代)"。而.food>ul的意思是“让选择器选择食物列表中的无序列表。由于无序列表是food的孙元素(是food的<li>下的元素。),所以选择器找不到这个ul。如果你需要修改孙元素的边框,请用:.food>li>ul。
因为“.foot>li”。指的是类名为foot的"元素内的第一个li标签"。(所以你改变class="foot"的标签是没有意义的。)所以你的.food>ul是同理的。
还有为什么把 .food>li 改成 .food>ul 没有效果