子选择器-加粗的那句话为什么套了两个span

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

龙图图

2016-03-02 18:51

页面原代码:<p class="first">三年级时,<span>我还是一个<span>胆小如鼠</span>的小女孩</span>

为什么不直接写,<span>我还是一个胆小如鼠的小女孩</span>,两者显示效果一样,都是在这句话外有一个加粗的红框。

写回答 关注

3回答

  • 孟旭东
    2016-03-03 08:55:58
    已采纳
    .first>span{border:1px solid red}  /*first类下的第一层span标签*/
    .first span{border:1px solid red}  /*first类下的所有span标签*/


  • Janki
    2016-03-02 19:00:21

    当用子选择器和用包含后代选择器两者效果是不同的

    .first>span{border:1px solid red}

    .first span{border:1px solid red}

    龙图图

    我理解错误了。

    2016-03-03 11:19:49

    共 2 条回复 >

  • 沉默的鱼200211
    2016-03-02 19:00:09

    可以分别定义样式

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

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

1223078 学习 · 18212 问题

查看课程

相似问题