css選擇器優先級怎么比較

CSS選擇器中比較常見的有標簽選擇器、ID選擇器、類選擇器以及子選擇器。而事實上，CSS選擇器如果細分下來，竟然多達40多種。那他們的優先級該怎么比較呢，下面就來看看吧。

●不同級別

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

2.作為style屬性寫在元素內的樣式

3.id選擇器

4.類選擇器

5.元素選擇器

6.通配符選擇器

7.瀏覽器自定義或繼承

總結排序：!important>行內樣式>ID選擇器>類選擇器>元素>通配符>繼承>瀏覽器默認屬性

●同一級別

(1)同一級別中后寫的會覆蓋先寫的樣式

(2)同一級別css引入方式不同，優先級不同

總結排序：內聯(行內)樣式>內部樣式表>外部樣式表>導入樣式(@import)。

對于選擇器優先級，還可以通過計算權重值來比較