在CSS中，多級(jí)選擇器和ID選擇器是兩種非常常見的選擇器類型。它們的優(yōu)先級(jí)也是開發(fā)者需要時(shí)刻關(guān)注的問題。

多級(jí)選擇器往往用于選擇某個(gè)父元素下的某個(gè)特定子元素，比如：

.parent .child {
/* 樣式 */
}

這個(gè)選擇器會(huì)選中class為child的元素，并且它必須是.parent下的子元素才會(huì)生效。多級(jí)選擇器的優(yōu)先級(jí)相對(duì)較低，無法擊敗下面的ID選擇器。

ID選擇器是選擇一個(gè)頁面元素的最簡單方法，因?yàn)镮D屬性在頁面中應(yīng)該是唯一的。比如：

#header {
/* 樣式 */
}

這個(gè)選擇器會(huì)選中id為header的元素，并且優(yōu)先級(jí)非常高。如果相同的樣式被多個(gè)選擇器同時(shí)指定了，ID選擇器將優(yōu)先生效。

那么當(dāng)多級(jí)選擇器和ID選擇器同時(shí)出現(xiàn)時(shí)，該如何計(jì)算優(yōu)先級(jí)呢？

假設(shè)一個(gè)元素同時(shí)被以下兩個(gè)選擇器選中：

.parent .child {
/* 樣式A */
}
#child {
/* 樣式B */
}

則樣式B將優(yōu)先生效，因?yàn)镮D選擇器的優(yōu)先級(jí)比多級(jí)選擇器高。如果想讓樣式A優(yōu)先生效，可以將其改寫成更具體的選擇器，比如：

.parent #child {
/* 樣式A */
}
#child {
/* 樣式B */
}

這樣樣式A就比樣式B優(yōu)先級(jí)高了。

總之，多級(jí)選擇器和ID選擇器都是常見的CSS選擇器類型，需要時(shí)刻注意選擇器的優(yōu)先級(jí)，確保所寫的樣式生效。