span的用法

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

樱花落

2017-01-18 16:50

<p class="first">三年级时,<span>我还是一个<span>胆小如鼠</span>的小女孩</span>,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>

这里为什么要用2个<span></span>??

和用一个的有区别吗??

写回答 关注

5回答

  • 峰哥本人
    2017-01-18 17:28:41

    当你设定外面这个元素为红色,同时里面的元素为绿色的时候就会出现这种包含关系了

    还一种方法就是写三个标签也可以实现,这样麻烦一点

    但是如果你要指定颜色的元素很多,而这些元素又包含在一个大的元素中,你要同时设定里面和外面的内容时,这样写就简单了,指定完里面的小的元素剩下的内容用一个大元素就给包括了。

    子选择器不好理解,你可以理解成直接定点选择,也可以理解成指哪打哪


  • 非常可以
    2017-01-18 17:02:38

    这是为了区别外面的span和里面的span(胆小如鼠)的,比如子选择器.first>span选择的就是外面的span,不会涉及到里面的span的内容,但当你用包含选择器.first span的时候,这样就同时涉及到这两个span了

  • 小呀么小二妞啊啊
    2017-01-18 16:57:07

    有区别阿,这样使用可以把“我还是一个胆小如鼠的小女孩”单独拎出来设置样式,同时可以把“胆小如鼠”单独拎出来设置和“我还是一个”,“的小女孩”不一样的样式

  • 慕粉1404469430
    2017-01-18 16:56:18

    内嵌的span是为了另外设置“胆小如鼠”的格式用的吧

  • 慕粉1335138626
    2017-01-18 16:54:29

    没区别的

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

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

1225316 学习 · 18230 问题

查看课程

相似问题