span中嵌套span

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

Lacie_喵

2017-03-14 16:31

span中嵌套一个span,使用子选择器的时候,(.first>span{.....})为什么只有外面那个span标记的内容会被处理,里面那个span什么变动也没有。如果里面那个span的内容也需要想通的处理应该怎么办

写回答 关注

2回答

  • jasflja
    2017-03-14 17:16:40

    (.first>span{.....}) >就是为class first下的span的第一代子元素也就是总体元素设置样式,内层的是第二代子元素了,即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码.first  span{color:red;}

    后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。

  • 东哥o
    2017-03-14 16:40:10

    (.first>span{.....}) >就是为class first下的span的第一代子元素(直接后代)设置样式,内层的是第二代子元素了,要是想都处理的话,就用(.first span{.....})  >换为空格   就包含所有子元素

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

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

1225806 学习 · 18234 问题

查看课程

相似问题