CSS選擇器優先級比較

CSS選擇器中比較常見的有標籤選擇器、ID選擇器、類選擇器以及子選擇器。而事實上，CSS選擇器如果細分下來，竟然多達40多種。

 

那麼當我們在碰到通過多種形式對同一個元素進行設置樣式時的情況時，如果不進行測試，如何預測其最終結果呢？

 

以下是選擇器的優先規則：

1、!important > id > class > 標籤；

2、!important 比 內聯優先級高；

3、當同時使用多個同種類型選擇器的時候，樣式以選擇器定義的順序爲準，與在標籤內的引用順序無關；

4、當一個選擇器多次對同一屬性賦予不同值的時候，以最後載入的樣式爲準。