在CSS中，樣式的優(yōu)先級(jí)非常重要，它決定了哪些樣式將會(huì)被應(yīng)用到HTML元素上。如果兩個(gè)或以上的CSS規(guī)則應(yīng)用于同一個(gè)元素，則其優(yōu)先級(jí)將影響哪一條規(guī)則將擁有最高的優(yōu)先級(jí)。優(yōu)先級(jí)較高的樣式規(guī)則將覆蓋較低優(yōu)先級(jí)的規(guī)則，因此，我們需要了解如何使用CSS優(yōu)先級(jí)。

在CSS的優(yōu)先級(jí)中，有三個(gè)因素會(huì)影響優(yōu)先級(jí)：選擇器的特殊性、選擇器的源碼順序、以及重要性聲明。特殊性是最重要的因素，如果特殊性相同，則后來(lái)的規(guī)則將具有更高的優(yōu)先級(jí)。

/* ID選擇器的特殊性為100，類和屬性選擇器的特殊性為10，元素和偽元素選擇器的特殊性為1 */
#header {
color: red;
}
.navbar-brand {
color: blue;
}
/* 上面兩條規(guī)則中的特殊性相等，應(yīng)用后面的規(guī)則 */
.navbar-brand {
color: green;
}

選擇器的源碼順序也會(huì)影響優(yōu)先級(jí)，如果兩個(gè)規(guī)則具有相同的優(yōu)先級(jí)，最后出現(xiàn)的規(guī)則將覆蓋前面的規(guī)則。

/* 后出現(xiàn)的規(guī)則會(huì)覆蓋前面的規(guī)則 */
.navbar-brand {
color: blue;
}
.navbar-brand {
color: green;
}

在特殊性和源碼順序相同時(shí)，可以使用!important聲明來(lái)提高規(guī)則的優(yōu)先級(jí)。但是，過度使用!important聲明會(huì)導(dǎo)致樣式無(wú)法管理，因此應(yīng)盡量避免使用它。

/* 使用!important可以提高規(guī)則的優(yōu)先級(jí) */
.navbar-brand {
color: blue!important;
}

總的來(lái)說，優(yōu)先級(jí)可以幫助我們處理樣式的沖突問題。通過優(yōu)先級(jí)，我們可以很好的控制樣式應(yīng)用的目標(biāo)元素以及規(guī)則的具體實(shí)現(xiàn)，讓網(wǎng)頁(yè)達(dá)到更好的展示效果。