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

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

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

一頁(yè)天書(shū)

2016-07-26

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

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

1017

操作

收起

8 回答

把葫蘆咬哭
2016-09-02

和選擇器的優(yōu)先級(jí)有關(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

我開(kāi)始也在想這個(gè)問(wèn)題,想通了.

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

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

收起回答

慕桂英3588515
2016-07-28

因?yàn)?，如果通用選擇器和標(biāo)簽選擇器、子一代選擇器等共存的話(huà)，瀏覽器會(huì)優(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ù)我~

收起回答

一頁(yè)天書(shū) 提問(wèn)者

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

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

duskrain 回復(fù) 一頁(yè)天書(shū) 提問(wèn)者

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

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