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

为什么不使用一对<span></span>而使用两对??

为什么不使用一对<span></span>而使用两对??

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

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

感觉两种效果一样啊!

提问者:沉沦的风4266562 2016-10-25 17:07

个回答

  • 我是真的菜
    2016-10-25 17:22:26

    tong lou shang

  • yxnne
    2016-10-25 17:19:05

    使用两个<span>恰恰是为了告诉大家,子选择器只筛选了父层的第一级子<span>,因为css中“.first>span{ }“的效果只针对了第一级span,第二级span没有生效,所以“我还是一个胆小如鼠的小女孩”话被框起来了。

    如果写成.“first>span>span{  }” 那样的话就是“胆小如鼠”被框起来;

    如果写的是“first span{  }” 那样的话则是“我还是一个胆小如鼠的小女孩”和“胆小如鼠”都被框起来;

  • 慕粉4153363
    2016-10-25 17:16:50

    同上楼

  • 夏风铃与草帽
    2016-10-25 17:15:31

    这是为了让你理解'>'这个符号是只作用于第一个子代

  • 裴苏雅
    2016-10-25 17:10:16

    小白一枚,回答一下你这个问题,我认为是方便单独给胆小如鼠这四个字加CSS样式