CSS是用于網頁布局和樣式設計的語言，通過給HTML標簽添加不同的CSS樣式，可以展現出不同的網頁效果。但是，當多個CSS樣式同時作用于同一個HTML標簽時，就會產生優先級的問題。

在CSS中，每個樣式都有一個優先級，當多個樣式規則作用于同一個元素時，就需要確定哪個樣式具有最高優先級。CSS規定，優先級排列從高到低依次為：
1. !important
2. 內聯樣式
3. ID選擇器
4. 類選擇器/屬性選擇器/偽類選擇器
5. 元素選擇器/偽元素選擇器

其中，!important具有最高優先級，當該聲明存在于樣式表中時，無論如何都會被使用。內聯樣式緊隨其后，將CSS代碼直接嵌入HTML標簽中，優先級最高。ID選擇器的優先級比類和屬性選擇器高，因為ID選擇器定義的是唯一的元素，所以優先級更高。類和屬性選擇器和偽類選擇器的優先級相同，按照位置順序確定優先級。如果有多個元素選擇器或偽元素選擇器應用于同一個元素，將按照位置順序確定優先級。

/* !important優先級最高 */
p {
color: red !important;
}
/* 內聯樣式次之 */
<p style="color:blue">這是一段文字</p>
/* ID選擇器優先級第三高 */
#sidebar {
width: 300px;
}
/* 類和屬性選擇器優先級第四高 */
.intro {
font-size: 16px;
}
/* 元素選擇器優先級最低 */
body {
font-family: Arial;
}

以上示例中，如果同一個元素中使用了多個類型的CSS樣式，則以優先級最高的樣式為準。在編寫CSS樣式時，應避免濫用!important以及內聯樣式，保持CSS代碼簡潔清晰。