把右边代码编辑器中第9行代码修改一下: 把.food>li修改为.food li看一下效果。

来源:8-7 这么快就当爷爷了? - 后代选择器

Leisurely_myheart

2018-05-23 15:08

.food>li 的展示效果:

https://img1.mukewang.com/5b0512e10001dc2a04040326.jpg.food li 的展示效果

https://img3.mukewang.com/5b05131000010bd104120355.jpg前者为什么只有两个大的红框,而后者是框套框。这个怎样解释?

写回答 关注

3回答

  • qq_怡锦_0
    2018-05-23 15:21:04
    已采纳

    >是一个子代选择器 只对他的子集产生影响

    Leisur...

    非常感谢!

    2018-05-23 15:28:19

    共 1 条回复 >

  • 慕妹1263370
    2018-05-29 20:18:17

    food>li  food  li

    子选择器是只给自己后代

    后代选择器是包括所有后代

    qq_QQ斗... 回复小zky

    所以求解。。。。。。

    2018-08-26 22:26:27

    共 2 条回复 >

  • 精慕门3401794
    2018-05-23 16:01:21

    子选择器与后代选择器的区别,子选择器只给food下的li赋予边框属性,后代选择器是给food下的li及所有后代都赋予边框属性。ps:子选择器是“food>li”,后代选择器是“food li”

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

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

1225293 学习 · 18230 问题

查看课程

相似问题