亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

improtant 與類選擇器的權值問題

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

如圖，兩個css，一個是important的標簽選擇器，一個是類選擇器。

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

另外 兩句語言上下對調結果相同，說明是權值不同而不是先后順序引起的

正在回答

3 回答

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

2 回復 有任何疑惑可以回復我~

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


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

效果依舊

0 回復 有任何疑惑可以回復我~
#1

墨小漓

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

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

0 回復 有任何疑惑可以回復我~
#1

韶楠 提問者

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

墨小漓 回復 韶楠 提問者

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

韶楠 提問者 回復 墨小漓

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

墨小漓 回復 韶楠 提問者

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

韶楠 提問者 回復 墨小漓

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

墨小漓 回復 韶楠 提問者

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

韶楠 提問者 回復 墨小漓

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

韶楠 提問者 回復 墨小漓

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

舉報

0/150
提交
取消
初識HTML(5)+CSS(3)-升級版
  • 參與學習       1228731    人
  • 解答問題       19080    個

HTML(5)+CSS(3)基礎教程8小時帶領大家步步深入學習標簽用法和意義

進入課程

improtant 與類選擇器的權值問題

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號