                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

为什么把ul换成ol效果一样？这样蔬菜前面的li还是第一代子元素？

如果是ul是无序列表，那么水果前的Li和蔬菜前的li是同一级别，但改成有序列表，还能这样想吗？

Asia爱莎

2016-08-15

源自：初识HTML(5)+CSS(3)-升级版 8-6

关注问题我要回答

1109

操作

收起

3 回答

慕粉3830727
2016-08-15

如果是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。