課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
p span{color:red;}
p>span{color:blue;}后臺顏色顯示blue 它的權(quán)值比.first{color:green;}還大?
2015-10-18
源自:初識HTML(5)+CSS(3)-升級版 9-3
正在回答
這里的span元素并沒有引用first類,first類到這里已經(jīng)是繼承了,繼承權(quán)值很低的。
至于p span{}和p>span{}權(quán)值是一樣大的,都是1+1。
為什么最后執(zhí)行的的blue。是因為權(quán)值相同的話后面的樣式會覆蓋前面的樣式。把p span{}和p>span{}調(diào)換下位置你就知道了。
互學(xué)習(xí) 提問者
Perona 回復(fù) 互學(xué)習(xí) 提問者
行內(nèi)樣式最高 這些百度都有的看的 ?你這個只是后面的覆蓋前面的而已
當(dāng)css樣式出現(xiàn)重復(fù)的時候,后面的樣式會覆蓋掉前面的樣式,因為對瀏覽器來說解析代碼是從上往下解析的,解析到下面的時候自然而然的就把之前剛解析的給干掉了。唯一的區(qū)別就是第一種寫法是css1里面的寫法,第二種是css2的寫法,二者作用等同,均表示給P標(biāo)簽里面的所有span標(biāo)簽加樣式
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
1 回答p{color:red;} .first{color:green;}/*因為權(quán)值高顯示為綠色*/ span{color:pink;}/*設(shè)置為粉色*/ p span{color:purple;} #second{color:blue;}
3 回答p span{color:purple;} p>span{color:blue;} 他們權(quán)值相同,那是不是顯示的顏色是就近原則?
2 回答p>span{color:purple;}的權(quán)值
1 回答子選擇器的權(quán)值怎么算p>span,也是10+1嗎
1 回答p>span{color:yellow;}權(quán)值問題
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)微信公眾號
2015-10-18
這里的span元素并沒有引用first類,first類到這里已經(jīng)是繼承了,繼承權(quán)值很低的。
至于p span{}和p>span{}權(quán)值是一樣大的,都是1+1。
為什么最后執(zhí)行的的blue。是因為權(quán)值相同的話后面的樣式會覆蓋前面的樣式。把p span{}和p>span{}調(diào)換下位置你就知道了。
2015-10-19
行內(nèi)樣式最高 這些百度都有的看的 ?你這個只是后面的覆蓋前面的而已
2015-10-18
當(dāng)css樣式出現(xiàn)重復(fù)的時候,后面的樣式會覆蓋掉前面的樣式,因為對瀏覽器來說解析代碼是從上往下解析的,解析到下面的時候自然而然的就把之前剛解析的給干掉了。唯一的區(qū)別就是第一種寫法是css1里面的寫法,第二種是css2的寫法,二者作用等同,均表示給P標(biāo)簽里面的所有span標(biāo)簽加樣式