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

為了賬號安全，請及時(shí)綁定郵箱和手機(jī)立即綁定

improtant 與類選擇器的權(quán)值問題

http://img1.sycdn.imooc.com//57b1c89b0001d7bc14880374.jpg

如圖，兩個(gè)css，一個(gè)是important的標(biāo)簽選擇器，一個(gè)是類選擇器。

按道理important的權(quán)值應(yīng)該大于除了內(nèi)嵌式的其他所有css，然而，圖中的p .first類選擇器的權(quán)值大于important。這是何解？誰來解釋一下

另外 兩句語言上下對調(diào)結(jié)果相同，說明是權(quán)值不同而不是先后順序引起的

正在回答

3 回答

第二段中的first如果繼承p{color:red!important;}的顏色簡單二字就是紅色，而且繼承過來的話權(quán)值就0.1了。而你p .first{color:green;}權(quán)值為1+10=11，顏色有權(quán)值大的決定，所以是綠色。

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

http://img1.sycdn.imooc.com//57b1cc280001860314930364.jpg


p{color:red!important;}
.first{color:green;}

效果依舊

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

墨小漓

( ╯□╰ )，不好意思啊，這兩天消息太多，小白沒注意到你的回復(fù)。
2016-08-29 回復(fù) 有任何疑惑可以回復(fù)我~

把important去掉，顯示結(jié)果依舊。important沒起作用

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

韶楠 提問者

哪位大神給解答一下啊。我明白不加important，即代碼為 p{color:red;} p .first{color:green;} 的時(shí)候顯示效果還是這個(gè)的原因是p .first作用為讓p的后代中所以帶有first類的文字變綠色，而第一段中p的后代span不是first類，所以第一段全紅，第二段只有"簡單"二字為綠色。 但是我不明白的是加入important之后應(yīng)該優(yōu)先執(zhí)行帶有important的語句，不應(yīng)該執(zhí)行p .first啊，為何還是執(zhí)行了
2016-08-15 回復(fù) 有任何疑惑可以回復(fù)我~
#2

墨小漓 回復(fù) 韶楠 提問者

哈哈，大神沒有來，不過小白應(yīng)該看出了你的問題?？茨愕腷ody中的第一段中的類選擇器first，其實(shí)并沒有繼承。<p class="first">...</p>,你只是給第一段的p標(biāo)簽定義了一個(gè)別名，繼承應(yīng)該是寫在p標(biāo)簽內(nèi)部的。<p id="second"> <span class="first"></span> </p>，你的第二段的first寫在了p的內(nèi)部，所以才有繼承一說。SO，原因你懂的。
2016-08-16 回復(fù) 有任何疑惑可以回復(fù)我~
#3

韶楠 提問者 回復(fù) 墨小漓

首先，感謝你的回答。 你的回復(fù)我看懂了，我說的也是是這個(gè)意思的。p .first{color:green;}在第一段沒有起作用。 我的問題是，加入important后，“p{color:red!important;}”這句代碼權(quán)值更重，應(yīng)該讓“p .first{color:green;}”失效，造成所有文字全紅色的效果。但是結(jié)果是“p .first{color:green;}”依然起作用，簡單二字依然綠色，你能明白我的意思嗎？
2016-08-16 回復(fù) 有任何疑惑可以回復(fù)我~
#4

墨小漓 回復(fù) 韶楠 提問者

你這說法不對。還是繼承問題呀，你第二段中的first如果繼承p{color:red!important;}的顏色的話簡單二字就是紅色吧，但是繼承過來的話權(quán)值就0.1了。而你p .first{color:green;}權(quán)值為1+10=11，顏色有權(quán)值大的決定，所以是綠色。are you ok?
2016-08-16 回復(fù) 有任何疑惑可以回復(fù)我~
#5

韶楠 提問者 回復(fù) 墨小漓

終于get到了。 hello thank you thank very much
2016-08-18 回復(fù) 有任何疑惑可以回復(fù)我~
#6

墨小漓 回復(fù) 韶楠 提問者

哈哈，有些問題想通了其實(shí)都是很簡單的，一起努力哦。
2016-08-19 回復(fù) 有任何疑惑可以回復(fù)我~
#7

韶楠 提問者 回復(fù) 墨小漓

好的 多謝你了！忙了兩天，丟下好多，抓緊補(bǔ)上！
2016-08-22 回復(fù) 有任何疑惑可以回復(fù)我~
#8

韶楠 提問者 回復(fù) 墨小漓

貌似 我沒辦法采納你為最佳答案，好像是要直接回復(fù)才行，麻煩你復(fù)制一下粘過去，(*^__^*) 嘻嘻……
2016-08-22 回復(fù) 有任何疑惑可以回復(fù)我~
查看5條回復(fù)

舉報(bào)

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學(xué)習(xí)       1229174    人
  • 解答問題       19084    個(gè)

HTML(5)+CSS(3)基礎(chǔ)教程8小時(shí)帶領(lǐng)大家步步深入學(xué)習(xí)標(biāo)簽用法和意義

進(jìn)入課程

improtant 與類選擇器的權(quán)值問題

我要回答 關(guān)注問題
微信客服

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

 幫助反饋 APP下載

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

 公眾號

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