很多人在 CSS 樣式表中修改字體顏色時都遇到過一個難題：無論怎么修改 CSS 樣式，字體顏色卻怎么也改不了。

這其實是因為在 HTML 中設置了相應的字體樣式，并且將其覆蓋了 CSS 樣式表所設置的樣式。

// 在 HTML 中設置字體樣式
<span style="color: red;">這里的文字是紅色</span>
// 在 CSS 樣式表中嘗試修改字體樣式
span {
color: blue;
}
// 上述 CSS 樣式對該文字并不生效，因為該文字的樣式在 HTML 中已經被設置成紅色。

要想解決這個問題，有兩種方法：

1. 在 CSS 樣式表中使用!important來強制覆蓋 HTML 當中的樣式。

// 在 CSS 樣式表中設置樣式，使用 !important 強制覆蓋HTML中設置的樣式
span {
color: blue !important;
}

2. 在 HTML 中使用類名（class）或 ID 來設置樣式，并在 CSS 樣式表中對相應的類名或 ID 進行修改。

// 在 HTML 中給要修改的文本添加類名
<span class="text">這里的文字是紅色</span>
// 在 CSS 樣式表中修改相應的類名
.text {
color: blue;
}

通過上述兩種方法，就可以輕松地實現 CSS 樣式表中修改字體顏色的效果了。