課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
任務(wù)中第一段全部文字顏色設(shè)置為綠色,
.first{
????color:green;
}
為什么不能覆蓋前面設(shè)置好的
span{
????color:red;
2014-12-16
源自:初識HTML(5)+CSS(3)-升級版 8-10
正在回答
這里涉及到CSS樣式的優(yōu)先級的知識點,在本例中<p class='first'><span>膽小如鼠</span></p>示例代碼中,包含距離膽小如鼠最近的span標簽的樣式優(yōu)先級會更高,并覆蓋掉從p段落的樣式。可以看下面的圖,一目了然。
rafal 提問者
趙小布 回復(fù) rafal 提問者
自己回答:
????從.first來說,是只設(shè)置自己這一層的樣式,
????所以要設(shè)置它所包含的span的樣式,
????還要深入一層.first>span來設(shè)置
因為你是單獨設(shè)置span標簽
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標簽用法和意義
4 回答第一個span里顏色設(shè)置為紅色,第二個顏色設(shè)置為綠色,最終會顯示綠色?
3 回答為什么“膽小如鼠”時紅色的?
6 回答為什么第一段中膽小如鼠還是紅色???
3 回答分組選擇符,要求把第一段全部文字設(shè)置成綠色,第二段文字中的“簡單”設(shè)置為綠色。
9 回答為什么膽小如鼠不是綠色?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2014-12-16
這里涉及到CSS樣式的優(yōu)先級的知識點,在本例中<p class='first'><span>膽小如鼠</span></p>示例代碼中,包含距離膽小如鼠最近的span標簽的樣式優(yōu)先級會更高,并覆蓋掉從p段落的樣式。可以看下面的圖,一目了然。
2014-12-16
自己回答:
????從.first來說,是只設(shè)置自己這一層的樣式,
????所以要設(shè)置它所包含的span的樣式,
????還要深入一層.first>span來設(shè)置
2014-12-16
因為你是單獨設(shè)置span標簽