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