CSS是前端開發中非常重要的一部分，很多時候在網頁的設計過程中我們需要用到CSS來美化樣式。而在網頁的交互中，常常會出現需要點擊一次觸發某些效果，再次點擊則另外一個效果。這種需求在CSS中也是可以實現的。下面就來介紹如何使用CSS實現再次點擊變回原來的效果。

button {
background-color: #6495ED;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
outline: none;
cursor: pointer;
}
button:focus {
background-color: #FFB6C1;
}
button:active {
background-color: #FFA07A;
}

上述代碼是一個按鈕的CSS樣式。其中，:focus和:active是CSS中的偽類選擇器，它們分別表示按鈕獲得焦點和按鈕被點擊。因此，我們可以在這兩個選擇器中分別設置按鈕不同的樣式，從而實現點擊后變回原來的樣式。

具體實現方法是，當按鈕第一次被點擊時，我們使用:active將按鈕的背景顏色設置為另一個顏色。當再次點擊按鈕時，:focus就會起作用，將按鈕的背景顏色設置為我們原本需要的顏色。這樣就可以實現再次點擊變回原來的效果了。

總結一下，使用CSS實現再次點擊變回原來的效果是非常簡單的。我們只需要使用:focus和:active這兩個偽類選擇器，分別設置按鈕點擊前和點擊后的樣式即可。希望本文能夠對大家有所幫助。