首要原則
1.優先級高的樣式覆蓋優先級低的樣式
2.同一優先級的樣式,后定義的覆蓋先定義的,即后來居上
多重樣式間的優先級
就近原則。如果外部樣式、內部樣式和內聯樣式同時應用于同一個元素,就是使多重樣式的情況。
一般情況下,優先級如下:
(外部樣式)External style sheet <(內部樣式)Internal style sheet <(內聯樣式)Inline style
同一樣式表內部的優先級
首先,回顧下CSS選擇器的種類
CSS選擇器分類.png
正確的優先級排序應該是:
important > 內聯樣式 > ID > 類 | 偽類 | 屬性選擇 > 元素 | 偽元素 > 繼承 > 通配符
所以表示下就是:
id 1-0-0
類|偽類|屬性選擇 0-1-0
元素|偽元素 0-0-1
通用選擇器* 0-0-0
總結
- 多重樣式間遵循:繼承來的樣式 < 瀏覽器缺省設置 < 外部樣式表 = 內部樣式表 < 內聯樣式
- 而在同一樣式表中存在:通用選擇器* 0-0-0 < 標簽選擇器,偽元素 0-0-1 < 類選擇器,屬性選擇器,偽類 0-1-0 < ID 選擇器 1-0-0 << !important,其中對于組合選擇器還要用上面提到的方法進行權重累加后才能判斷
- 首要原則:高優先級覆蓋低優先級,同一優先級則后來居上
每天都努力一點點
謝謝你看完