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

来源:8-6 捡了一个儿子 - 子选择器

Asia爱莎

2016-08-15 17:21

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

写回答 关注

3回答

  • 慕粉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。


    Asia爱莎

    大神,膜拜啊,那么大于号(>)后面的必须是第一代,在一定程度上来说是固定的吗?

    2016-08-16 09:43:43

    共 1 条回复 >

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

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

    Asia爱莎

    非常感谢你的回答

    2016-08-16 09:44:31

    共 1 条回复 >

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

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

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225812 学习 · 18234 问题

查看课程

相似问题