下面從網易**規範中摘抄的內容，學習他們確定選擇器等級的方式。最近看了《精通css》，這部分內容應該是從2.3節摘抄來的。
選擇器等級
a = 行內樣式style。
b = id選擇器的數量。
c = 類、偽類和屬性選擇器的數量。
d = 型別選擇器和偽元素選擇器的數量。
選擇器等級(a,b,c,d)
style=」」
1,0,0,0
0,2,0,0
#content .dateposted {}
0,1,1,0
div#content {}
0,1,0,1
#content p {}
0,1,0,1
#content {}
0,1,0,0
p.comment .dateposted {}
0,0,2,1
div.comment p {}
0,0,1,2
.comment p {}
0,0,1,1
p.comment {}
0,0,1,1
.comment {}
0,0,1,0
div p {}
0,0,0,2
p {}
0,0,0,1
將等級轉換為數，即為樣式表的權重。
CSS 選擇器權重計算規則
其實，css有自己的優先順序計算公式，而不僅僅是行間 內部 外部樣式 id class 元素。一 樣式型別 1 行間 2 內聯 3 外部 二 選擇器型別 1 id id 2 class class 3 標籤 p 4 通用 5 屬性 type text 6 偽類 hover 7 偽元素 first l...
CSS選擇器權重計算
css各種選擇器的權重 1.id選擇器 100 2.類 屬性 偽類選擇器 10 3.元素 偽元素選擇器 1 4.其他選擇器 0 如果有兩個css樣式都作用於某元素，如 id link a href id 100 link 10 a 1 href 0 111 id link.active id 100...
css選擇器的權重計算
其實，css有自己的優先順序計算公式，而不僅僅是行間 內部 外部樣式 id class 元素。一 樣式型別 1 行間 2 內聯 3 外部 二 選擇器型別 1 id id 2 class class 3 標籤 p 4 通用 5 屬性 type text 6 偽類 hover 7 偽元素 first l...