課程
/前端開發(fā)
/HTML/CSS
/初識(shí)HTML(5)+CSS(3)-升級(jí)版
p span{color:purple;} 權(quán)值不應(yīng)該是1+1=2嗎? .first{color:green;}權(quán)值為10 、 為什么字體變成了權(quán)值更小的紫色了呢
2016-11-19
源自:初識(shí)HTML(5)+CSS(3)-升級(jí)版 9-3
正在回答
我覺(jué)得這里面最大的問(wèn)題是,樓主忽略了繼承,第一段中的<span>在沒(méi)有被直接賦予css樣式時(shí),權(quán)值是按照樓主這樣計(jì)算的,當(dāng)<span>被直接賦予css樣式時(shí),.first的權(quán)值在對(duì)<span>影響時(shí)就變成了繼承(權(quán)值為0.1),所以顏色才會(huì)變成紫色。
其實(shí)我也是在學(xué)習(xí)中遇到跟你一樣的疑問(wèn),仔細(xì)研究后得出的結(jié)論。
在說(shuō)下主體。 p ?元素內(nèi)的所有span元素。 類名是first的元素。不是同一個(gè)對(duì)象,你比較權(quán)值的沒(méi)有任何意義。
修改下。 <div class="first">11<div>22<span>注意我的顏色哦<span></div></div>
div div{color:purple;} ? ? ? .first{color:green;}。現(xiàn)在看下 這個(gè)span的內(nèi)字體的顏色!。加粗的div是span的父級(jí)。都沒(méi)有直接對(duì)span設(shè)置顏色的樣式故繼承父級(jí)字體顏色。div的后代div元素,符合span父級(jí)的設(shè)置條件。 而第二個(gè).first 類名為為.first的元素。故沒(méi)有比較權(quán)重的說(shuō)法。
權(quán)值沒(méi)問(wèn)題。 顏色字體等某些屬性是具備默認(rèn)繼承屬性的(屁話)。 10權(quán)值為設(shè)置p標(biāo)簽的樣式顏色為pink,ok 其子元素默認(rèn)繼承該顏色,現(xiàn)在在給子元素span 權(quán)重為2設(shè)置purple ok也是沒(méi)問(wèn)題的。
最后說(shuō)下你比較的權(quán)值。前提是同一個(gè)元素
1樓正解,權(quán)值疊加,不要光看權(quán)值,<span>是在.first里面的標(biāo)簽,子元素的權(quán)值一定比父元素的權(quán)值高
不應(yīng)該啊 ? ?是不是你寫錯(cuò)了 ?看看,first是不是少寫了什么了。
麻川 提問(wèn)者
因?yàn)閜 span{color:purple;} ,purple是 紫色。first{color:green;}以p span{color:purple;}為重
標(biāo)簽嵌套 權(quán)值累加
kz_java
kz_java 回復(fù) 麻川 提問(wèn)者
舉報(bào)
HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義
5 回答為什么是紫色
3 回答批評(píng) 這兩個(gè)字為什么是紫色的。。。
1 回答為什么顏色為紫色?
3 回答為什么第二段是紅色不是紫色?
2 回答膽小如鼠為什么是紫色
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-11-23
我覺(jué)得這里面最大的問(wèn)題是,樓主忽略了繼承,第一段中的<span>在沒(méi)有被直接賦予css樣式時(shí),權(quán)值是按照樓主這樣計(jì)算的,當(dāng)<span>被直接賦予css樣式時(shí),.first的權(quán)值在對(duì)<span>影響時(shí)就變成了繼承(權(quán)值為0.1),所以顏色才會(huì)變成紫色。
其實(shí)我也是在學(xué)習(xí)中遇到跟你一樣的疑問(wèn),仔細(xì)研究后得出的結(jié)論。
2016-11-19
在說(shuō)下主體。 p ?元素內(nèi)的所有span元素。 類名是first的元素。不是同一個(gè)對(duì)象,你比較權(quán)值的沒(méi)有任何意義。
修改下。 <div class="first">11<div>22<span>注意我的顏色哦<span></div></div>
div div{color:purple;} ? ? ? .first{color:green;}。現(xiàn)在看下 這個(gè)span的內(nèi)字體的顏色!。加粗的div是span的父級(jí)。都沒(méi)有直接對(duì)span設(shè)置顏色的樣式故繼承父級(jí)字體顏色。div的后代div元素,符合span父級(jí)的設(shè)置條件。 而第二個(gè).first 類名為為.first的元素。故沒(méi)有比較權(quán)重的說(shuō)法。
2016-11-19
權(quán)值沒(méi)問(wèn)題。 顏色字體等某些屬性是具備默認(rèn)繼承屬性的(屁話)。 10權(quán)值為設(shè)置p標(biāo)簽的樣式顏色為pink,ok 其子元素默認(rèn)繼承該顏色,現(xiàn)在在給子元素span 權(quán)重為2設(shè)置purple ok也是沒(méi)問(wèn)題的。
最后說(shuō)下你比較的權(quán)值。前提是同一個(gè)元素
2016-11-19
1樓正解,權(quán)值疊加,不要光看權(quán)值,<span>是在.first里面的標(biāo)簽,子元素的權(quán)值一定比父元素的權(quán)值高
2016-11-19
不應(yīng)該啊 ? ?是不是你寫錯(cuò)了 ?看看,first是不是少寫了什么了。
2016-11-19
因?yàn)閜 span{color:purple;} ,purple是 紫色。first{color:green;}以p span{color:purple;}為重
2016-11-19
標(biāo)簽嵌套 權(quán)值累加