在網頁開發過程中，常會遇到CSS樣式被覆蓋的問題。

如何解決這個問題呢？首先我們需要了解一下CSS樣式優先級。

/* 權重從高到低，依次為：行內樣式 > ID選擇器 > 類選擇器/屬性選擇器/偽類 > 標簽選擇器/偽元素 > 通配符/繼承 */

通過上述列表，我們可以發現，如果有一個樣式被多個選擇器選中，那么權重高的樣式將會覆蓋權重低的樣式。

下面是一個例子：

/* 一個div元素同時被id選擇器和類選擇器選中 */
#myDiv {
color: red;
}
.bigSize {
font-size: 20px;
}
/* HTML */
<div id="myDiv" class="bigSize">Hello World!</div>

在這個例子中，由于id選擇器的權重高于類選擇器，所以文字顏色會變為紅色，但是字號卻不會變成20像素。

如果我們想要讓字號生效，需要增加樣式權重，比如：

/* 在.bigSize選擇器前添加 #myDiv 選擇器，提高樣式權重 */
#myDiv.bigSize {
font-size: 20px;
}

這時，字號會變成20像素。

在開發中，我們要注意樣式的權重，避免樣式被覆蓋。如果必須覆蓋原來的樣式，可以把權重增加到足夠高。

這就是CSS樣式被覆蓋的原因和解決方法，希望能對大家有所幫助。