CSS樣式表在網(wǎng)頁(yè)設(shè)計(jì)中起到了至關(guān)重要的作用，但是當(dāng)我們同時(shí)使用了多個(gè)樣式表或者存在多個(gè)樣式規(guī)則時(shí)，如何確定某個(gè)元素展示的具體樣式就需要了解CSS樣式表的優(yōu)先級(jí)。

樣式表的優(yōu)先級(jí)共分為四個(gè)等級(jí)：內(nèi)聯(lián)樣式、ID選擇器、類(lèi)選擇器和標(biāo)簽選擇器。在規(guī)則相同的情況下，這四個(gè)等級(jí)按從高到低的順序決定其優(yōu)先級(jí)。

在樣式表中，可以使用!important來(lái)指定某個(gè)規(guī)則的優(yōu)先級(jí)為最高，但是這種方式應(yīng)該謹(jǐn)慎使用，因?yàn)樗鼤?huì)覆蓋所有的樣式規(guī)則。

/* 內(nèi)聯(lián)樣式 */
這段文字顏色為紅色
/* ID選擇器 */
#test {
color: blue;
}
/* 類(lèi)選擇器 */
.text {
color: green;
}
/* 標(biāo)簽選擇器 */
p {
color: black;
}

例如，若某段文字同時(shí)存在內(nèi)聯(lián)樣式和ID選擇器，則優(yōu)先級(jí)高的ID選擇器的樣式會(huì)生效：

這段文字顏色為藍(lán)色

若某個(gè)標(biāo)簽被同時(shí)應(yīng)用多個(gè)樣式規(guī)則，則樣式規(guī)則按順序進(jìn)行覆蓋。例如：

/* 使用權(quán)重值來(lái)區(qū)分優(yōu)先級(jí) */
p {
color: black;
font-size: 12px;
}
p.text {
color: red;
font-size: 14px;
}
#test {
color: blue;
font-size: 16px;
}

對(duì)于以下代碼：

優(yōu)先級(jí)的判斷

由于ID選擇器的優(yōu)先級(jí)最高，所以該段落的顏色為藍(lán)色，字體大小為16px。

了解CSS樣式表的優(yōu)先級(jí)，可以幫助我們更好地控制頁(yè)面的樣式，達(dá)到更好的設(shè)計(jì)效果。