亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

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

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

正在回答

8 回答

和選擇器的優先級有關。分組選擇器 優先于標簽選擇器 。

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

因為#second>span{color;green}是一個id選擇器,只作用于id等于second的標簽里的span標簽

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

我開始也在想這個問題,想通了.

就近原則,膽小如鼠靠近的是span,遵循h1,span{color:red;}


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

因為,如果通用選擇器和標簽選擇器、子一代選擇器等共存的話,瀏覽器會優先處理變遷選擇器。所以膽小如鼠那幾個字是紅色。

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

應該是.first>span,#second>span{};

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

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

0 回復 有任何疑惑可以回復我~
#1

一頁天書 提問者

first對應整第一段,為何不會把“膽小如鼠”由紅色覆蓋變成為藍色?
2016-07-26 回復 有任何疑惑可以回復我~
#2

duskrain 回復 一頁天書 提問者

我想你的疑問應該是覺得<p>這一整段的權值應該為10(即類first),所以覺得權值為1的<span>應該被覆蓋,對吧?你還記得繼承這一性質嗎,在“膽小如鼠”這里比較的應該是是span(權值為1)和從first中繼承的(權值為0.1),所以表現的應該是span的顏色即紅色。希望這個答案可以幫到你
2016-07-28 回復 有任何疑惑可以回復我~

.first,#second>span{color:green;}

這條代碼相當于:

.first{color:green;};

#second>span{color:green;};

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

.first后面也要加>span

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

舉報

0/150
提交
取消

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

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號