问答详情
源自:8-6 捡了一个儿子 - 子选择器

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

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

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

提问者:龙图图 2016-03-02 18:51

个回答

  • 孟旭东
    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}

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

    可以分别定义样式