首要原則
1.優(yōu)先級高的樣式覆蓋優(yōu)先級低的樣式
2.同一優(yōu)先級的樣式识啦，后定義的覆蓋先定義的，即后來居上
多重樣式間的優(yōu)先級
就近原則神妹。如果外部樣式颓哮、內(nèi)部樣式和內(nèi)聯(lián)樣式同時應(yīng)用于同一個元素，就是使多重樣式的情況鸵荠。
一般情況下冕茅，優(yōu)先級如下：
（外部樣式）External style sheet <（內(nèi)部樣式）Internal style sheet <（內(nèi)聯(lián)樣式）Inline style
同一樣式表內(nèi)部的優(yōu)先級
首先，回顧下CSS選擇器的種類
CSS選擇器分類.png
正確的優(yōu)先級排序應(yīng)該是：
important > 內(nèi)聯(lián)樣式 > ID > 類 | 偽類 | 屬性選擇 > 元素 | 偽元素 > 繼承 > 通配符
所以表示下就是:
id 1-0-0
類|偽類|屬性選擇 0-1-0
元素|偽元素 0-0-1
通用選擇器* 0-0-0
總結(jié)
- 多重樣式間遵循：繼承來的樣式 < 瀏覽器缺省設(shè)置 < 外部樣式表 = 內(nèi)部樣式表 < 內(nèi)聯(lián)樣式
- 而在同一樣式表中存在：通用選擇器* 0-0-0 < 標(biāo)簽選擇器蛹找，偽元素 0-0-1 < 類選擇器姨伤，屬性選擇器，偽類 0-1-0 < ID 選擇器 1-0-0 << !important庸疾，其中對于組合選擇器還要用上面提到的方法進(jìn)行權(quán)重累加后才能判斷
- 首要原則：高優(yōu)先級覆蓋低優(yōu)先級乍楚，同一優(yōu)先級則后來居上
每天都努力一點(diǎn)點(diǎn)
謝謝你看完
