選擇器權重
選擇器權重
選擇器具有權重,瀏覽器會依其決定要顯示的樣式
相同權重但是後寫的CSS,會覆蓋先寫的CSS
當一個元素同時有兩個選擇器,權重高的優先生效
基本權重由高至低:
!important
可以蓋過所有的權重
inline style
HTML
行內的 style
權重為
1-0-0-0
id
每一個 id 的權重都是
0-1-0-0
class
/psuedo-class(偽類)/attribute(屬性選擇器)
每一個 class 的權重都是
0-0-1-0
Element
所有的 Element 的權重都是
0-0-0-1
*