子元素选择器与后代元素选择器的表现方式为何不同
来源：8-6 捡了一个儿子 - 子选择器
起名字真烦
2015-12-31 14:30
在本节中用>子元素选择器是正常的，可是如果使用后代元素选择器
<code>.first span{}</code>为什么运行的结果，在三个span中间会有框间隔，子元素选择器就不会有这个问题？
写回答
关注
2回答
-
- _亓
- 2015-12-31 14:40:13
你看你那个代码里是结构是这样的 .first>span>span。如果用子元素选择器的话 ，他只会选择自己的儿子那一辈也就是说，first>span而不会也选择到后面那个span，如果是后台选择器的话，只要是他的后台都有选择。所以两个span都会加一个红边框，所以就会出现两个边框，所以就会有框间隔。恩 就是这样
-
- qq_天涯_17
- 2015-12-31 14:45:04
<span>我还是一个<span>胆小如鼠</span>的小女孩</span>你用后代选择器，这里有两个后代，第一个：<span>我还是一个<span>胆小如鼠</span>，第二个：<span>胆小如鼠</span>的小女孩</span>，所以，第一个框框的是”我还是一个胆小如鼠“，第二框框的是”胆小如鼠的小女孩“，连起就是你描述的那样了。而在子选择器中，”<span>我还是一个<span>胆小如鼠</span>的小女孩</span>“，这就是一个整体，就一框全部。
初识HTML(5)+CSS(3)-升级版
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
1223089 学习 · 18212 问题
相似问题