本文目錄導(dǎo)讀：
CSS樣式優(yōu)先級詳解
在CSS樣式表中，有時(shí)會出現(xiàn)多個(gè)樣式規(guī)則應(yīng)用于同一個(gè)元素的情況，這時(shí)就需要考慮樣式的優(yōu)先級，了解CSS的優(yōu)先級規(guī)則對于***來說***關(guān)重要，它能幫助我們更好地控制網(wǎng)頁的呈現(xiàn)效果。
CSS優(yōu)先級的基本規(guī)則
1、樣式表的來源
CSS樣式可以來自外部樣式表、內(nèi)部樣式表（在HTML文檔的<head>部分）或內(nèi)聯(lián)樣式（直接在HTML元素的style屬性中），外部樣式表的優(yōu)先級高于內(nèi)部樣式表和內(nèi)聯(lián)樣式。
2、選擇器的特殊性
選擇器的特殊性（Specificity）是決定樣式優(yōu)先級的重要因素，特殊性由選擇器的匹配方式?jīng)Q定，例如類選擇器、ID選擇器、元素選擇器等，特殊性越高的選擇器優(yōu)先級越高。
3、樣式聲明的順序
在同一特殊性下，后出現(xiàn)的樣式聲明會覆蓋先出現(xiàn)的。
如何判斷優(yōu)先級
1、外部樣式表優(yōu)于內(nèi)聯(lián)樣式和內(nèi)部樣式表。
2、ID選擇器的優(yōu)先級高于類選擇器和元素選擇器。
3、類選擇器的優(yōu)先級高于元素選擇器。
4、如果多個(gè)樣式的特殊性相同，后出現(xiàn)的樣式會覆蓋先出現(xiàn)的樣式。
實(shí)例分析
這里以一個(gè)具體的例子來說明CSS優(yōu)先級的判斷方法，假設(shè)有一個(gè)元素同時(shí)被以下三個(gè)樣式規(guī)則所影響：
1、在外部樣式表中，通過類選擇器.myClass應(yīng)用樣式。
2、在內(nèi)部樣式表中，通過ID選擇器#myID應(yīng)用樣式。
3、在元素的內(nèi)聯(lián)樣式中，直接定義了一些樣式。
根據(jù)CSS優(yōu)先級規(guī)則，ID選擇器的優(yōu)先級***高，其次是類選擇器，***后是內(nèi)聯(lián)樣式，該元素的***終樣式將由ID選擇器的樣式所決定。
掌握CSS的優(yōu)先級規(guī)則對于***來說是非常重要的，通過了解來源、選擇器的特殊性以及樣式的聲明順序等因素，我們可以更好地控制網(wǎng)頁的呈現(xiàn)效果，在實(shí)際開發(fā)中，合理地運(yùn)用CSS優(yōu)先級規(guī)則，可以使我們的代碼更加簡潔、高效。
