                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /初識HTML(5)+CSS(3)-升級版

請教段落中為何有兩對span

想請教一下，為何段落中的這句話要有兩對span？？？

我還是一個膽小如鼠的小女孩

難道我不能直接我還是一個膽小如鼠的小女孩？？？

慕標5221409

2018-07-03

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

關注問題我要回答

1444

操作

收起

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 回復有任何疑惑可以回復我~