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

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

慕課評論水太深了。

我看到好幾個回答別人的問題都理解的不對,怕是誤人子弟了。

p{color:red;} /*繼承權值0.1*/

.first{color:green;}/*類選擇器權值高顯示為綠色*/

span{color:pink;}/*元素標簽1為粉色*/

p span{color:purple;}/*權值為2*/ ? ? ?

</style>

這樣子理解對的嗎?

后代選擇器 ?和繼承是兩個概念吧

正在回答

5 回答

先比較范圍若范圍不一樣則以小范圍優先若范圍一樣比較權值 權值大優先 權值一樣內聯式優先

比如p>span這個子選擇器的意義是p標簽的第一代子標簽<span>全為紫色我們先來看范圍

這個p>span標簽的范圍和上面span的作用范圍一樣所以比較權值明顯看出前者大所以為紫色

再看p和.first范圍一樣比較權值明顯.first大所以整體為綠色

又因為span的作用范圍小所以顏色不受大范圍的標簽控制

個人理解 ? 錯誤請糾正


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

那個第一行權值不應該是1嗎

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

在第一段中作用域p span<=span<.first<=p,局部作用域p span 等于span,但整體作用域p span小于span,.first與p同理,作用域相對?。嘀荡螅┑钠鹱饔茫衫斫鉃橥粚蛹壊煌瑱嘀担>植孔饔糜蛳嗟?,整體作用域相等或無法判定(可理解為同一層級同一權值)采用就近原則,個人理解


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

Gaberial

你理解是對的,,針對同一個元素才討論權值/優先級高低,不針對同一個元素就看哪個定義的更加具體
2018-07-18 回復 有任何疑惑可以回復我~

.first{color:green;}的權值最高,為什么膽小如鼠是紫色,而不是綠色的呢?

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

Gaberial

哪里來的紫色。。
2018-07-16 回復 有任何疑惑可以回復我~
#2

慕仙5126391

有同樣的疑問
2018-07-18 回復 有任何疑惑可以回復我~
#3

慕仙5126391 回復 Gaberial

p span{color:purple;}這里
2018-07-18 回復 有任何疑惑可以回復我~
#4

尋找真實的自己

權值關系還真不好理解
2018-07-18 回復 有任何疑惑可以回復我~
#5

Gaberial 回復 慕仙5126391

花了一天終于搞懂了。其實是這樣的,針對同一個元素才討論權值高低,比如練習中的.first和最先的p都是對p的顏色定義,這里針對同一個元素,而.first權值又比較高,所以是綠色;之后的span和p span都是定義span的顏色,針對同一個元素,而p span的權值顯然比span高,2>1,所以最后span是紫色的。這其實是對不同區域的定義,前2段定義p,后2段定義span,所以最后整段是綠色的,但是膽小如鼠還是紫色,因為p span在最后特地對span進行了定義。
2018-07-18 回復 有任何疑惑可以回復我~
#6

胡叨叨的 回復 Gaberial

好的,謝謝啦
2018-07-19 回復 有任何疑惑可以回復我~
查看3條回復

對的,后代選擇器是選擇器的一種,而繼承是把作用域范圍比較大的作為父級.而作用域比較小的作為子級,如果子集的標簽屬性不與父級沖突,則會應用父級屬性.

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

舉報

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

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

進入課程

慕課評論水太深了。

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

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

幫助反饋 APP下載

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

公眾號

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