css權重

1、行內樣式，指的是html文檔中定義的style

h1 style="color: #fff;">headerh1>

2、ID選擇器

 

3、類，屬性選擇器與偽類選擇器

這一類包括各種class，屬性選擇器，偽類選擇器例如 :hover,:focus等等。

4、元素和偽元素

 元素跟偽元素選擇器，如:before 與 :after.

偽元素：

1.  ::after
2.  ::before
3.  ::first-letter
4.  ::first-line
5.  ::selecton

 

 

從0開始，一個行內樣式+1000，一個id+100，一個屬性選擇器/class或偽類+10，一個元素名，或偽元素+1