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

這樣編寫代碼后為何“膽小如鼠”顯示為紅色

在第八行加入了.first,#second>span{color;green}

一頁天書

2016-07-26

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

關(guān)注問題我要回答

1000

操作

收起

8 回答

把葫蘆咬哭
2016-09-02

和選擇器的優(yōu)先級有關(guān)。分組選擇器優(yōu)先于標(biāo)簽選擇器。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

把葫蘆咬哭
2016-09-02

因?yàn)?second>span{color;green}是一個(gè)id選擇器，只作用于id等于second的標(biāo)簽里的span標(biāo)簽

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕粉3791758
2016-08-08

我開始也在想這個(gè)問題,想通了.

就近原則,膽小如鼠靠近的是span,遵循h(huán)1,span{color:red;}

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

慕桂英3588515
2016-07-28

因?yàn)椋绻ㄓ眠x擇器和標(biāo)簽選擇器、子一代選擇器等共存的話，瀏覽器會優(yōu)先處理變遷選擇器。所以膽小如鼠那幾個(gè)字是紅色。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

dogelover
2016-07-26

應(yīng)該是.first>span,#second>span{};

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

duskrain
2016-07-26

將第7行的h1,span{color:red;}刪除試試

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

一頁天書提問者

first對應(yīng)整第一段，為何不會把“膽小如鼠”由紅色覆蓋變成為藍(lán)色？

2016-07-26 回復(fù) 有任何疑惑可以回復(fù)我~

duskrain 回復(fù) 一頁天書提問者

我想你的疑問應(yīng)該是覺得<p>這一整段的權(quán)值應(yīng)該為10（即類first），所以覺得權(quán)值為1的<span>應(yīng)該被覆蓋，對吧？你還記得繼承這一性質(zhì)嗎，在“膽小如鼠”這里比較的應(yīng)該是是span（權(quán)值為1）和從first中繼承的（權(quán)值為0.1），所以表現(xiàn)的應(yīng)該是span的顏色即紅色。希望這個(gè)答案可以幫到你

2016-07-28 回復(fù) 有任何疑惑可以回復(fù)我~