《精彩絕倫的CSS》讀書筆記(一)

 2.18 p53提到 ~ 允許選擇後續的兄弟元素,但不包含直接相鄰的兄弟元素

實際上直接相鄰是指之前的兄弟元素,只要是後續的兄弟元素 ~ 均會選擇(不會排除第一個後續元素)

2.3 特殊性:對一個選擇器來說(遇到{或,即爲一個選擇器),特殊性可表示爲 A,B,C,D 

A-行內樣式

B-每個id描述符貢獻0,1,0,0

C-每個類,僞類,屬性描述符貢獻0,0,1,0

D-每個元素描述符貢獻0,0,0,1

a是行內樣式,不會被覆蓋

只有bcd均相等時特殊性才相等,相等的情況下,前面的樣式表會被後面的覆蓋

不等的情況下,先比較B,若相等再比較C,若C仍相等則比較D。

每個“級別”的特殊性的值是獨立的

只要出現不等的情況,比較馬上結束,結束時 該“級別”下 數值大的特殊性比數值小的特殊性大

特殊性大的不會被特殊性小的覆蓋

例:

0,0,0,2>0,0,0,1

0,0,1,2>0,0,1,1

0,0,1,0>0,0,0,2

0,0,1,0>0,0,0,13

0,1,0,0>0,0,2,0

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章