在CSS樣式中，有時候我們會遇到相同優先級的情況，那么CSS中如何處理這種情況呢？

例如，我們有以下CSS樣式：
p {
font-size: 14px;
color: blue;
}
和：
p {
font-size: 16px;
color: red;
}

這時，我們在HTML文檔中使用p標簽，那么最終顯示的樣式是什么呢？

首先需要明確的是，這兩組樣式擁有相同的優先級，先出現的樣式也并不一定會覆蓋后出現的樣式。

那么應該如何解決這種情況呢？

這里介紹一種簡單的方法：按照CSS樣式的特性，我們可以在某個選擇器前添加一個ID或者類名來提高其優先級。

例如，我們可以將第一組樣式改寫成：
#content p {
font-size: 14px;
color: blue;
}
將第二組樣式改寫成：
.article p {
font-size: 16px;
color: red;
}
那么在HTML中，我們可以這樣寫：

內容1

內容2

內容3



文章1

文章2

文章3

這樣，我們就可以有效地解決同一優先級的問題了。