最近遇到了這樣一個問題，我在網頁中使用了CSS來設定一個元素的背景顏色和字體顏色，但是當我嘗試將它們恢復成默認值時，卻發現它們并沒有變回去。

.example {
background-color: #ff0000;
color: #ffffff;
}
.example:hover {
background-color: #0000ff;
color: #00ff00;
}
.example.active {
background-color: #00ff00;
color: #ff0000;
}

上面的代碼是我在網頁中使用的CSS代碼，這里我定義了三種狀態下元素應該顯示的背景顏色和字體顏色。當用戶鼠標懸停在該元素上時，顏色會變成藍色背景、綠色字體，而當該元素被標記為"active"時，顏色會變成綠色背景、紅色字體。

問題是，當我取消"hover"狀態和"active"狀態的時候，元素的顏色并不會變回原來的顏色。我試過使用"inherit"來繼承父元素的顏色、使用"unset"來從樣式表中刪除元素的顏色屬性，但是都沒有奏效。

最后，我發現解決這個問題的方法是使用"initial"來將元素的顏色重置為默認值。在上面的代碼中，我們可以將".example"類中的背景顏色和字體顏色設為"initial"。這樣，當元素不滿足"hover"和"active"狀態時，它們的顏色就會變回默認顏色。

.example {
background-color: #ff0000;
color: #ffffff;
}
.example:hover {
background-color: #0000ff;
color: #00ff00;
}
.example.active {
background-color: #00ff00;
color: #ff0000;
}
.example:not(:hover):not(.active) {
background-color: initial;
color: initial;
}

在最后一行代碼中，我們使用了":not"偽類來選擇所有不處于"hover"和"active"狀態的".example"元素，并將它們的顏色設為"initial"。這樣，無論何時元素的狀態發生了變化，一旦它不再處于懸?；蛘弑粯擞洖?active"狀態，它們的顏色就會立即變回默認顏色。

總之，CSS顏色變不回來的問題可以通過使用"initial"關鍵字來解決。在設定某個元素的顏色時，我們可以使用"initial"將其顏色屬性重置為默認值。