CSS

CSS 選擇器的權重 ( Selector specificity)

使用CSS時,因為 CSS 為 "層疊" 的,也就是同一個元素可以利用利用不同的 selector 規則,把樣式疊加上去,但當不同的規則間有衝突時,例如 a.title{color:#000;} 與 a{color:#333;} 兩個規則都設定了color的樣式,這時就要考慮權重來決定最後要以哪個規則來呈現 color 這個發生衝突的樣式 。

權重如下:

CSS 選擇器

鑑於部分選擇器,偶爾要使用的時候都要重新查一次,特以本篇整理出來,並考慮到瀏覽器相容性問題,還是將版本區分為CSS3以及CSS2.1以前,以減少找不到問題點的窘境。