第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定

.first{color:green;}權(quán)值最大,span{color:pink;}權(quán)值為1,那為什么顯示的是粉紅色呢?

正在回答

28 回答

不是這樣算的,我的理解是,<p class=first">.....<span>.....</span>.....</p>

p class的權(quán)重值是1+10=11

而<span>...</span>在<P class="first"></p>中,那么,標簽在上面已經(jīng)聲明為粉色,那么span的權(quán)重就是=1(p)+10(.first)+1=11權(quán)重,所以顯示為粉色

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

Groune

我認為你的理解有些偏差。以題中代碼為例,<p>中<span>的權(quán)值為0.1(從父標簽<p>繼承得來),但第10行span的權(quán)值為1。最后顯示時雖然標簽選擇器span的權(quán)值僅有1,但也比繼承的0.1權(quán)值要大。 不知道我這樣理解對不對,歡迎大家討論。
2015-03-08 回復(fù) 有任何疑惑可以回復(fù)我~
#2

舉個栗子233 回復(fù) Groune

嗯,我覺得你說的是對的,看了你的才明白點。<!-- 1、css中的span(1)和標簽中的span(2)應(yīng)該分開計算權(quán)值 2、span(2)繼承p,權(quán)值就是繼承值0.1 3、且class權(quán)值是作用在p上,間接使span(2)green了,但【class的權(quán)值10與span(2)無聯(lián)系】 3、span(1)權(quán)值為1,pink色 4、權(quán)值:span(2)>span(1),呈pink色 -->
2015-06-13 回復(fù) 有任何疑惑可以回復(fù)我~

繼承的權(quán)值你可以理解是最低的

2 回復(fù) 有任何疑惑可以回復(fù)我~
#1

我們是兄弟

你們試著寫p span.uh{color:blue}過么,我這樣寫卻沒有什么反應(yīng)這是什么原因。多謝
2015-10-20 回復(fù) 有任何疑惑可以回復(fù)我~
#2

憶_卿 回復(fù) 我們是兄弟

你頁面的代碼呢? .uh 你的 span標簽 是 <span class="uh"></span> 這樣寫的?
2016-04-14 回復(fù) 有任何疑惑可以回復(fù)我~

為什么不從第一個pink的span就開始繼承?

0 回復(fù) 有任何疑惑可以回復(fù)我~

span里的pink為什么是灰色而不是黃色?

0 回復(fù) 有任何疑惑可以回復(fù)我~

綠色啊


0 回復(fù) 有任何疑惑可以回復(fù)我~

又因為span標簽的權(quán)值為1,小于 p span標簽權(quán)值(p span{color:green;} /*權(quán)值為1+1=2*/),所以span就會覆蓋成p span便簽的顏色

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

西風(fēng)瀟瀟

p span標簽權(quán)值應(yīng)為1.1(p span{color:green;} /*權(quán)值為1+0.1=1.1*/)。 p span是繼承關(guān)系,如果寫成(p,span{color:green;}/*權(quán)值為1+1-2*/)
2015-08-06 回復(fù) 有任何疑惑可以回復(fù)我~

span繼承了.first所以權(quán)限最小,同時又聲明了span{color:ping;},就會覆蓋之前的.first聲明,參考@purple

1 回復(fù) 有任何疑惑可以回復(fù)我~
#1

十年wf

對,span繼承了.first 所以 成了0.1 緊接著又聲明span{color:pink}就把0.1的綠色給覆蓋掉了。
2016-08-02 回復(fù) 有任何疑惑可以回復(fù)我~
#2

卡蘭尼克

看了你的才看懂 謝謝~~
2016-08-23 回復(fù) 有任何疑惑可以回復(fù)我~

我覺得應(yīng)該將purple說的加到課程中去

14 回復(fù) 有任何疑惑可以回復(fù)我~
#1

sandogeek

花了10多分鐘終于搞懂啦! 提主所問的span標簽具有三種權(quán)值。1、繼承自p標簽的權(quán)值,只有0.1 2、第10行的span選擇符產(chǎn)生的權(quán)值,其為1 3、第11行的p span產(chǎn)生的權(quán)值,其為1+1=2 比較可得,最終樣式應(yīng)為第11行的樣式
2016-01-22 回復(fù) 有任何疑惑可以回復(fù)我~
#2

sandogeek

發(fā)現(xiàn)上面的解釋還是不夠準確,想要搞懂可以看以下博文 http://www.nowamagic.net/csszone/css_SeletorPriorityRules.php 玩轉(zhuǎn)CSS選擇器(一) 之 使用方法介紹 - Share - SegmentFault http://segmentfault.com/a/1190000003088878#articleHeader5
2016-01-22 回復(fù) 有任何疑惑可以回復(fù)我~
#3

Asia愛莎 回復(fù) sandogeek

你都是怎么找到這些博文的?
2016-09-01 回復(fù) 有任何疑惑可以回復(fù)我~
#4

Kaneo 回復(fù) sandogeek

棒?。?!
2016-10-15 回復(fù) 有任何疑惑可以回復(fù)我~
#5

iaiotas 回復(fù) sandogeek

哈哈 簡明現(xiàn)代魔法 起名字的人很有生活情趣
2017-03-26 回復(fù) 有任何疑惑可以回復(fù)我~
查看2條回復(fù)

會不會是層疊的緣故?

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

feizq092 提問者

可是層疊不是當(dāng)有相同權(quán)重的樣式存在時,才會根據(jù)這些css樣式的前后順序來決定嗎?
2014-07-18 回復(fù) 有任何疑惑可以回復(fù)我~
#2

feizq092 提問者

我知道了,http://www.iinterest.net/2010/05/08/css-specificity/,這篇文章里解釋得很詳細呢
2014-07-18 回復(fù) 有任何疑惑可以回復(fù)我~
首頁上一頁123下一頁尾頁

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號