我們在使用CSS樣式表為網(wǎng)頁設(shè)計風(fēng)格時，經(jīng)常會遇到一種非常奇怪的現(xiàn)象：寫了CSS代碼，但是頁面上的文字卻沒有變色，仍然是黑色的。

這個問題很可能是由于樣式優(yōu)先級的原因?qū)е碌摹?/p>

p {
color: red;
}
.test {
color: blue;
}

比如上面的代碼，我們設(shè)置了p標(biāo)簽的顏色為紅色，但是如果這個p標(biāo)簽擁有一個class為test的類，那么它的顏色就會變成藍(lán)色。

這是因為class選擇器的優(yōu)先級比標(biāo)簽選擇器的優(yōu)先級更高，所以它的樣式會覆蓋標(biāo)簽選擇器的樣式。

如果我們想讓p標(biāo)簽的顏色始終為紅色，即使有class為test的類，可以通過提高選擇器的權(quán)重來解決這個問題。

p {
color: red;
}
p.test {
color: blue;
}

這樣，p標(biāo)簽只會在沒有class為test的情況下顯示紅色，如果有class為test的情況下，它的顏色就會變成藍(lán)色。

通過了解CSS優(yōu)先級的規(guī)則以及權(quán)重的提升，我們就能夠輕松解決CSS改變不了文字顏色的問題。