在網頁開發中，我們經常會需要使用CSS樣式來裝飾網頁元素。而有時候，我們也需要在元素上移除某些樣式——比如，當用戶鼠標點擊一次某個按鈕，使其顏色變得更深時，我們也需要在他再次點擊按鈕時，恢復按鈕原本的樣式。

.button {
background-color: blue;
color: white;
transition: all 0.3s ease; /* 添加一個過渡效果 */
}
.button.clicked {
background-color: navy;
}

在上述代碼中，我們定義了一個類名為.button的樣式，使其背景色為藍色、文字顏色為白色，并添加了一個transition屬性，以便為其添加一個過渡效果（當其發生改變時，將平滑過渡到新的樣式）。

同時，我們定義了一個類名為.clicked的樣式，使其背景色更深一些。

const button = document.querySelector('.button');
button.addEventListener('click', () =>{
button.classList.toggle('clicked'); /* 切換 .clicked 類名 */
});

而在 JavaScript 代碼中，我們使用document.querySelector方法獲取該按鈕元素，并在其上附加click事件監聽器，在其點擊后將該元素的類名切換為.clicked，使其顏色變深。而在下次點擊時，我們只需要再次切換該元素的類名，即可恢復該元素原本的樣式。