在CSS中，多級選擇器和ID選擇器是兩種非常常見的選擇器類型。它們的優先級也是開發者需要時刻關注的問題。

多級選擇器往往用于選擇某個父元素下的某個特定子元素，比如：

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

這個選擇器會選中class為child的元素，并且它必須是.parent下的子元素才會生效。多級選擇器的優先級相對較低，無法擊敗下面的ID選擇器。

ID選擇器是選擇一個頁面元素的最簡單方法，因為ID屬性在頁面中應該是唯一的。比如：

#header {
/* 樣式 */
}

這個選擇器會選中id為header的元素，并且優先級非常高。如果相同的樣式被多個選擇器同時指定了，ID選擇器將優先生效。

那么當多級選擇器和ID選擇器同時出現時，該如何計算優先級呢？

假設一個元素同時被以下兩個選擇器選中：

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

則樣式B將優先生效，因為ID選擇器的優先級比多級選擇器高。如果想讓樣式A優先生效，可以將其改寫成更具體的選擇器，比如：

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

這樣樣式A就比樣式B優先級高了。

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