CSS選擇器的優先級

選擇器的優先級 從高到低依次是：

1.在屬性後面使用 !important會覆蓋頁面內任何位置定義的元素樣式

2.做爲style屬性寫在元素標籤上的內聯樣式

3.id選擇器

4.類選擇器

5.僞類選擇器

6.屬性選擇器

7.標籤選擇器

8.通配符選擇器

9.瀏覽器自定義

實際上，同一個元素可使用多個規則來指定它的字體顏色，每一個規則都有本身的選擇器。顯然最終只有一個規則起做用（不可能一個字既是紅色又是綠色），那麼該規則的特殊性最高，特殊性即css優先級。那麼CSS的優先級怎麼計算呢？ 選擇器的特殊性值表述爲4個部分，用0,0,0,0表示。 ID選擇器的特殊性值，加0,1,0,0; 類選擇器、屬性選擇器或僞類，加0,0,1,0; 元素和僞元素，加0,0,0,1; 通配選擇器對特殊性沒有貢獻，即0,0,0,0; 最後比較特殊的一個標誌!important(權重)，它沒有特殊值，可是他的優先級是最高的，爲了方便記憶，可認爲他的默認值是1,0,0,0.

id選擇器：#test

類選擇器：.test

僞類選擇器： :link :visited :hover :active,:nth-child() :nth-of-type() :focus

屬性選擇器： input[type='file']

元素選擇器：p、a、div

僞元素選擇器： :fisrt-letter  :first-line  :before  :after

分組選擇器： ,

後代選擇器： div p;

子元素選擇器：div>p;

相鄰兄弟選擇器：div+p;