请教段落中为何有两对span

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

慕标5221409

2018-07-03 14:54

想请教一下,为何段落中的这句话要有两对span???

<span>我还是一个<span>胆小如鼠</span>的小女孩</span>

难道我不能直接<span>我还是一个胆小如鼠的小女孩</span>???

写回答 关注

7回答

  • 慕后端1491231
    2018-09-22 11:19:19

    看下一节应该就懂了

  • 273
    2018-07-21 18:05:23

    如果你把span后面的>换成空格,再看一下效果吧。>相当于只作用于子元素,而对曾元素不起作用,就是只作用于那个最大的span,嵌套的span不起作用。而空格则对所有的元素都起作用。你还是试一下效果

  • 肥宅风见啸
    2018-07-20 11:45:22

    主要是为了显示出只影响第一代子元素,而第二代(第二个span)不受影响,不然的话显示结果应该是文字段有两个框(由于两个框高度一样会看成并排三个)

    叶子叶子花 回复肥宅风见啸

    我试了一下这样.food>li{border:1px solid green;}>li{border:1px solid red;出来以后的表格是绿色的,也就是可能默认优先级大的那个li了吧。如果是.food>li>li{border:1px solid red;}这样,出来以后是没有框框滴..span没试,因为可能默认我做错啦

    2018-08-05 18:29:30

    共 3 条回复 >

  • Dreamer____
    2018-07-12 23:13:44

    可以只用一个,但采用两个的话,可以分别设置


  • 慕尼黑6364077
    2018-07-07 15:33:37

    两个<span></span>其实是嵌套使用,这样目的是让学习者明白子选择器只作用于指定标签下的第一个子元素生效,那么只有最外层的<span>生效了效果,里面胆小如鼠那个span不生效

  • 慕雪7178286
    2018-07-05 23:33:51

    让你可以设置不同样式,如<span style="color:blue">我还是一个<span style="color:red">胆小如鼠</span>的小女孩</span>

  • 慕粉3878765
    2018-07-03 15:08:46

    我是直接删除了中间的那两个标签,感觉像是弄错了

    慕标5221...

    我也是。。不懂为什么要这样

    2018-07-04 08:39:17

    共 1 条回复 >

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

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

1225813 学习 · 18234 问题

查看课程

相似问题