.food>ul{ border:1px solid red;/*添加边框样式(粗细为1px, 颜色为红色的实线)*/ }

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

qq_慕前端9598668

2019-03-20 17:08

为什么用.food>ul的时候没有任何效果了就

写回答 关注

2回答

  • x偏爱_南半球o
    2020-07-03 11:52:29

    .food子代没有ul 你可以改成.food>li>ul

  • 慕瓜5336359
    2019-05-07 10:37:37

     因为“>”为子选择器,只作用于第一代后代,即在该代码中food后的第一个元素,<li></li>;

    而“空格”为后代选择器,作用于子后代元素,在代码中,若为".food li",即作用于所有<li></li>,用". food ul"也一样;

    要想使".food>ul"有效果,可以将第一对<li></li>换成<ul></ul>,即<li>水果......</li>,<li>蔬菜......</li>;或者直接删掉。

    希望能帮到你。

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

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

1225806 学习 · 18234 问题

查看课程

相似问题