課程
/前端開發(fā)
/HTML/CSS
/初識HTML(5)+CSS(3)-升級版
誰能幫我舉個例子,體現(xiàn)出繼承是有權(quán)值的?
2016-04-01
源自:初識HTML(5)+CSS(3)-升級版 9-3
正在回答
任何標(biāo)簽設(shè)置顏色都有繼承在,為什么你給標(biāo)簽里面的標(biāo)簽設(shè)置顏色的時候回執(zhí)行當(dāng)前標(biāo)簽,就是因為繼承的權(quán)值低??!
你在設(shè)置標(biāo)簽顏色的時候,子標(biāo)簽會跟著變顏色這就說明繼承是有權(quán)值得啊!子標(biāo)簽沒有設(shè)置顏色,那這個標(biāo)簽的顏色的權(quán)值是0.
qq_一生之久_0 提問者
小學(xué)霸小明子 回復(fù) qq_一生之久_0 提問者
<style type="text/css">
.first{color:purple;}
p{color:red;}
</style>
<body?style="font-size:20px;"> <span>繼承body的字體樣式了,繼承的權(quán)值最低,只要對這個span設(shè)置字體樣式,繼承的樣式就不起作用了</span> </body>
span里的字體就是20px
p{color:red;}p span{color:blue}
<p>三年級時,我還是一個<span>膽小如鼠</span>的小女孩。</p>
比如上面這個代碼:紅色應(yīng)用于p標(biāo)簽,那么p標(biāo)簽的設(shè)置不僅應(yīng)用p標(biāo)簽,還應(yīng)用于p標(biāo)簽中的所有子元素文本,這里子元素為span標(biāo)簽。說明span標(biāo)簽里的內(nèi)容也應(yīng)為紅色。
而這里的span標(biāo)簽有自己的設(shè)置,它的權(quán)值(1+1=2)大于p標(biāo)簽的權(quán)值(1),故span標(biāo)簽內(nèi)容應(yīng)顯示為藍(lán)色。
實際可以參考學(xué)習(xí)《HTML+CSS基礎(chǔ)課程》第九章9-1、9-2節(jié)。
div>a{ } ?ul li{ }
想這種都是有權(quán)值的吧!
p{color=green;}
<p>三年級時,我還是一個<span>膽小如鼠</span>的小女孩</p>
當(dāng)前情況下span標(biāo)簽中的文字是gieen綠色的,
但在p{color:green;}加上span{color:red;}
span標(biāo)簽里的文字”膽小如鼠“會變成red紅色。
原因:繼承權(quán)值低
天河區(qū)熱心網(wǎng)友 回復(fù) qq_一生之久_0 提問者
舉報
HTML(5)+CSS(3)基礎(chǔ)教程8小時帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
1 回答關(guān)于繼承權(quán)值問題
1 回答繼承的權(quán)值
1 回答繼承的權(quán)值比較
3 回答關(guān)于繼承的問題
5 回答關(guā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)微信公眾號
2016-04-01
任何標(biāo)簽設(shè)置顏色都有繼承在,為什么你給標(biāo)簽里面的標(biāo)簽設(shè)置顏色的時候回執(zhí)行當(dāng)前標(biāo)簽,就是因為繼承的權(quán)值低??!
你在設(shè)置標(biāo)簽顏色的時候,子標(biāo)簽會跟著變顏色這就說明繼承是有權(quán)值得啊!子標(biāo)簽沒有設(shè)置顏色,那這個標(biāo)簽的顏色的權(quán)值是0.
2016-04-01
<style type="text/css">
.first{color:purple;}
p{color:red;}
</style>
2016-04-01
span里的字體就是20px
2016-04-01
p{color:red;}
p span{color:blue}
<p>三年級時,我還是一個<span>膽小如鼠</span>的小女孩。</p>
比如上面這個代碼:紅色應(yīng)用于p標(biāo)簽,那么p標(biāo)簽的設(shè)置不僅應(yīng)用p標(biāo)簽,還應(yīng)用于p標(biāo)簽中的所有子元素文本,這里子元素為span標(biāo)簽。說明span標(biāo)簽里的內(nèi)容也應(yīng)為紅色。
而這里的span標(biāo)簽有自己的設(shè)置,它的權(quán)值(1+1=2)大于p標(biāo)簽的權(quán)值(1),故span標(biāo)簽內(nèi)容應(yīng)顯示為藍(lán)色。
實際可以參考學(xué)習(xí)《HTML+CSS基礎(chǔ)課程》第九章9-1、9-2節(jié)。
2016-04-01
div>a{ } ?
ul li{ }
想這種都是有權(quán)值的吧!
2016-04-01
p{color=green;}
<p>三年級時,我還是一個<span>膽小如鼠</span>的小女孩</p>
當(dāng)前情況下span標(biāo)簽中的文字是gieen綠色的,
但在p{color:green;}加上span{color:red;}
span標(biāo)簽里的文字”膽小如鼠“會變成red紅色。
原因:繼承權(quán)值低