无法显示框

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

chaih

2016-07-14 15:49

为什么这个代码,在右侧框出的第二个框中,不会显示框呢?http://img.mukewang.com/578743d50001d04a08580487.jpg

写回答 关注

9回答

  • 迪尔LF
    2016-07-14 16:10:50
    已采纳

    <ul> not<ui>     另外“>”是子选择器,作用于第一代子元素,所以只有fruit的内容加边框,如果把“>”
    换成空格,变为后代选择器,则可以作用于所有后代元素

    chaih

    非常感谢!

    2016-07-14 16:52:25

    共 1 条回复 >

  • cpp_app
    2016-07-14 17:22:12

    .food>li改为.food li

    子选择器只会作用于直接子代,后代选择器才能让全部子代选择器都有父代的样式。

  • 慕用7083227
    2016-07-14 16:09:36

    .food li{border:2px solid blue;}     这个会出现第一个框的效果

    .food>li{border:2px solid blue;}     这个会出现第二个框的效果

    至于你用了.food>li{border:2px solid blue;}  会出现第一个效果我也不太清楚,我做完之后的效果就这两种,  你做完之后记得刷新

  • 夏沫风
    2016-07-14 16:03:09

    你把ui改成ul试一下

  • 一个学渣
    2016-07-14 16:02:14

    你的css的ui标签是什么意思,不是ul?

  • qq_依君忆昔_03574890
    2016-07-14 16:01:18

    把>改成空格


  • 阳光浅素
    2016-07-14 16:01:03

    你的标签是不是写错了,<ul>

                                            <li></li>

                                          </ul>

  • 陪你Sunset
    2016-07-14 15:58:17

    看不清你的CSS部分的代码

  • 损失函数
    2016-07-14 15:55:47

    这不是有框吗,只是fruit框的下面和apple框上面重合了。

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

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

1225309 学习 · 18230 问题

查看课程

相似问题