CSS是網頁設計中必不可少的一部分，它可以幫助我們實現各種樣式效果。但有時候我們會遇到一個非常奇怪的問題，那就是去掉一個樣式卻不生效。下面我們一起看看這個問題是如何解決的。

問題通常出現在使用CSS庫或框架的時候，因為這些庫中包含了非常多的CSS樣式，有時候我們并不需要其中的某些樣式，就需要把它們去掉。我們一般會使用“!important”關鍵字來覆蓋這些樣式，但有時候卻發現去掉了樣式卻并不生效。

//樣式庫中包含以下樣式
.example{
color: red !important;
font-size: 16px !important;
}
//我們想要去掉顏色樣式并添加背景色
.example{
background-color: blue !important;
color: initial !important;
}

上面的代碼表示我們想要去掉原有的顏色樣式，修改為背景色為藍色，文字顏色為默認值。但實際使用時我們卻發現文字顏色并沒有變回默認值，而是依然是紅色。

這是為什么呢？這是因為“initial”并不是CSS中所有樣式的默認值，每個樣式的默認值是不同的。對于顏色樣式來說，“initial”的默認值為黑色而非原本的顏色，所以我們需要手動指定顏色為黑色。

//正確的代碼
.example{
background-color: blue !important;
color: black !important;
}

通過手動指定顏色，我們就成功地去掉了原本的樣式。這種情況也說明了在使用CSS的時候，我們不能過于信任“!important”關鍵字，需要仔細思考每個樣式的修改。