问答详情
源自:8-6 捡了一个儿子 - 子选择器

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

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

提问者:Asia爱莎 2016-08-15 17:21

个回答

  • 慕粉3830727
    2016-08-15 21:32:13

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

    2. 还有为什么把 .food>li 改成 .food>ul 没有效果

    1. 可以这样想。因为所谓的“第一代元素”不是“第一个元素项”。ul 代表的是un-ordered list(无序列表), 他的字元素就是他自己的li(list item列表元素),这便是第一代。其中水果是第一代的第一项,蔬菜是第一代第二项。因此不论你用的是有序还是无序列表,没有区别。“代”不是按顺序排列的。

    2. .food>li 的意思是“让选择器食物列表的所有列表子元素(仅限第一代)"。而.food>ul的意思是“让选择器选择食物列表中的无序列表。由于无序列表是food的孙元素(是food的<li>下的元素。),所以选择器找不到这个ul。如果你需要修改孙元素的边框,请用:.food>li>ul。


  • 随风灵动
    2016-08-15 17:30:19

    因为“.foot>li”。指的是类名为foot的"元素内的第一个li标签"。(所以你改变class="foot"的标签是没有意义的。)所以你的.food>ul是同理的。

  • Asia爱莎
    2016-08-15 17:23:51

    还有为什么把 .food>li 改成 .food>ul 没有效果