<p class="first">三年级时,<span>我还是一个胆小如鼠的小女孩</span>和<p class="first">三年级时,<span>我还是一个<span>胆小如鼠</span>的小女孩</span>什么区别?

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

慕码人5495989

2020-04-06 22:03

<p class="first">三年级时,<span>我还是一个胆小如鼠的小女孩</span>和<p class="first">三年级时,<span>我还是一个<span>胆小如鼠</span>的小女孩</span>什么区别?

写回答 关注

4回答

  • 慕斯卡6333374
    2020-04-16 16:10:33

    就是在<span>里面嵌套多一个<span>,主要是为了让大家了解节点的父子关系。

    这一节使用的子选择器只作用于第一代子节点,第二代以后的都不影响。

    例如:

    .food>span{border:1px solid red;}

    会作用<span>我还是一个<span>胆小如鼠</span>的小女孩</span>,但是对于<span>胆小如鼠</span>就不管了

  • 伤心T_T
    2020-04-08 14:54:01

    我觉得<p class="first">三年级时,<span>我还是一个胆小如鼠的小女孩</span>

    与<p class="first">三年级时,<span>我还是一个<span>胆小如鼠</span>的小女孩</span>两者有无区别就是前面<head></head>里面的选择器有关,如果是子选择器,就没有区别,如果是包含选择器就是有区别了,你要看自己<head></head>里面的选择器在做选择。


  • 慕码人5495989
    2020-04-07 21:38:36

    好的,非常感谢!?

  • 慕村1314069
    2020-04-06 22:45:18

    span是内联元素,里面还是可以嵌套span的,你可以再针对做一些样式

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

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

1225806 学习 · 18234 问题

查看课程

相似问题