CSS樣式表在網頁設計中起到了至關重要的作用，但是當我們同時使用了多個樣式表或者存在多個樣式規則時，如何確定某個元素展示的具體樣式就需要了解CSS樣式表的優先級。

樣式表的優先級共分為四個等級：內聯樣式、ID選擇器、類選擇器和標簽選擇器。在規則相同的情況下，這四個等級按從高到低的順序決定其優先級。

在樣式表中，可以使用!important來指定某個規則的優先級為最高，但是這種方式應該謹慎使用，因為它會覆蓋所有的樣式規則。

/* 內聯樣式 */
這段文字顏色為紅色
/* ID選擇器 */
#test {
color: blue;
}
/* 類選擇器 */
.text {
color: green;
}
/* 標簽選擇器 */
p {
color: black;
}

例如，若某段文字同時存在內聯樣式和ID選擇器，則優先級高的ID選擇器的樣式會生效：

這段文字顏色為藍色

若某個標簽被同時應用多個樣式規則，則樣式規則按順序進行覆蓋。例如：

/* 使用權重值來區分優先級 */
p {
color: black;
font-size: 12px;
}
p.text {
color: red;
font-size: 14px;
}
#test {
color: blue;
font-size: 16px;
}

對于以下代碼：

優先級的判斷

由于ID選擇器的優先級最高，所以該段落的顏色為藍色，字體大小為16px。

了解CSS樣式表的優先級，可以幫助我們更好地控制頁面的樣式，達到更好的設計效果。