                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

请教段落中为何有两对span

想请教一下，为何段落中的这句话要有两对span？？？

我还是一个胆小如鼠的小女孩

难道我不能直接我还是一个胆小如鼠的小女孩？？？

慕标5221409

2018-07-03

源自：初识HTML(5)+CSS(3)-升级版 8-6

关注问题我要回答

1385

操作

收起

7 回答

慕后端1491231
2018-09-22

看下一节应该就懂了

0 回复有任何疑惑可以回复我~

收起回答

273
2018-07-21

如果你把span后面的>换成空格，再看一下效果吧。>相当于只作用于子元素，而对曾元素不起作用，就是只作用于那个最大的span，嵌套的span不起作用。而空格则对所有的元素都起作用。你还是试一下效果

0 回复有任何疑惑可以回复我~

收起回答

肥宅风见啸
2018-07-20

主要是为了显示出只影响第一代子元素，而第二代（第二个span）不受影响，不然的话显示结果应该是文字段有两个框（由于两个框高度一样会看成并排三个）

3 回复有任何疑惑可以回复我~

收起回答

肥宅风见啸

顺带一提如果你是.first>span>span{border:1px solid red;}的话就会看见是胆小如鼠变成了红框

2018-07-20 回复有任何疑惑可以回复我~

叶子叶子花回复肥宅风见啸

这两个span有什么不同吗..系统能分辨两个的优先级吗..如果是.first>span>span{border:1px solid blue;}的话他怎么分辨哪个是第一个span捏..

2018-08-05 回复有任何疑惑可以回复我~

叶子叶子花回复肥宅风见啸

我试了一下这样.food>li{border:1px solid green;}>li{border:1px solid red;出来以后的表格是绿色的，也就是可能默认优先级大的那个li了吧。如果是.food>li>li{border:1px solid red;}这样，出来以后是没有框框滴..span没试，因为可能默认我做错啦

2018-08-05 回复有任何疑惑可以回复我~