在CSS設(shè)計中，我們經(jīng)常需要覆蓋現(xiàn)有的樣式。但有時，我們不小心覆蓋掉了原始樣式，導(dǎo)致頁面出現(xiàn)意料之外的問題。這時候，我們該如何找回原始樣式呢？

首先，我們可以使用開發(fā)者工具來檢查樣式是否被覆蓋。在瀏覽器中打開你的頁面，直接點擊鼠標(biāo)右鍵，選擇“檢查”或“審查元素”，打開開發(fā)者工具。在開發(fā)者工具中，找到你想要查找的元素，查看其樣式。如果發(fā)現(xiàn)樣式被覆蓋的情況，會出現(xiàn)一個黃色的感嘆號（?。?biāo)志，你需要點擊該標(biāo)志查看被覆蓋的樣式。

.example {
color: red !important;
}

其次，我們可以嘗試在樣式表中移除可能導(dǎo)致問題的CSS代碼。例如，我們在樣式表中使用了!important關(guān)鍵字，它可能會覆蓋其他樣式。我們可以將!important關(guān)鍵字移除，重新編寫CSS，看看問題是否解決。

.example {
color: red;
}

最后，我們可以使用CSS的“特殊性”和“層疊順序”原則來重新調(diào)整樣式。特殊性指的是選擇器的優(yōu)先級，可以通過更精確的選擇器來覆蓋其他樣式。層疊順序指的是樣式表中的順序，后面的樣式會覆蓋前面的樣式。我們可以將原始樣式表中的位置移動到后面，以便優(yōu)先顯示原始樣式。

總之，當(dāng)樣式被覆蓋時，我們應(yīng)該始終嘗試找回原始樣式，而不是簡單地應(yīng)用新樣式。通過開發(fā)者工具、移除可能導(dǎo)致問題的CSS代碼以及調(diào)整“特殊性”和“層疊順序”，我們可以找回原始樣式并恢復(fù)頁面的正常顯示。