來自《精彩絕倫的css》 1.css的優先順序我們是用選擇器的“特殊程度”： 每個元素的描述貢獻（如div，ul）為0,0,0,1 每個類（class）、偽類（如:hover）或者屬性描述符貢獻0,0,1,0 每個ID描述符貢獻0,1,0,0 2.數字左邊的位數更大。一般可以這樣認為： 3.在css中 ...
來自《精彩絕倫的css》
1.css的優先順序我們是用選擇器的“特殊程度”：
- 每個元素的描述貢獻（如div，ul）為0,0,0,1
- 每個類（class）、偽類（如:hover）或者屬性描述符貢獻0,0,1,0
- 每個ID描述符貢獻0,1,0,0
2.數字左邊的位數更大。一般可以這樣認為：
- 行內樣式>ID>類、偽類、偽元素>元素（label）
- ! important無視上面的規則--這是重要聲明，優先順序最高
- 當有兩個! important衝突時，又要參照標準1
3.在css中選擇性覆蓋簡寫屬性，如
border:3px dotted black;
border-left-color:red;
可以實現一個3條邊黑色。左邊為紅色的點邊框
然而像下麵寫就不會出現一個3條邊黑色。左邊為紅色的點邊框。
border-left-color:red;
border:3px dotted black;
這是因為後面的樣式會覆蓋前面的樣式（對於相同元素），
所以當使用這種選擇性覆蓋時，確保用來覆蓋簡寫屬性的屬性出現在簡寫屬性之後。
