前端開發中常常會出現 CSS 樣式沖突的問題。就像一臺設備，如果有多個人同時嘗試控制，那么就可能發生混亂。下面就舉一個例子來解釋 CSS 樣式沖突。 假設我們有一個網頁，其中有兩個段落需要設置樣式。第一個段落的文字大小為 20px，第二個段落的文字顏色為紅色。代碼如下：

<style>
p {
font-size: 20px;
color: green;
}
#second-paragraph {
color: red;
}
</style>
<p>這是第一個段落。</p>
<p id="second-paragraph">這是第二個段落。</p>

上面的 CSS 樣式表中，p 元素默認被設置為綠色，其中第一個段落文字大小為 20px。而第二個段落使用了 ID 選擇器，設置了字體顏色為紅色。 當頁面運行時，我們會發現第二個段落并沒有變為紅色。這是因為第一個段落的樣式被第二個段落的樣式覆蓋掉了。 這個問題的原因是 CSS 樣式具有優先級的概念，不同選擇器的樣式在優先級上有所差別。 像 ID 選擇器這樣的具有特殊性的選擇器會比一般選擇器優先級更高。因此解決方法就是要提高第二個段落選擇器的特殊性，例如用 `body #second-paragraph` 去代替原來的 `#second-paragraph`。 總之，CSS 樣式沖突是一個需要注意的問題。在實際工作中，我們需要根據實際情況調整 CSS 樣式表，讓樣式能夠正確應用到網頁上，使網頁更具美觀性和易讀性。