CSS是一種用于網頁設計的樣式表語言，可用于定義各種樣式，如字體顏色、背景顏色、字體大小等。在網站開發中，經常需要根據用戶的操作變更頁面上的元素樣式，如按鈕的點擊效果。那么，如何實現CSS點擊后更換樣式呢？

button:active{
background-color: red;
color: white;
}

以上代碼是CSS點擊后更換樣式的實現方式之一。通過設置:active偽類，當用戶點擊按鈕時，即可觸發樣式變化。在上述代碼中，我們將按鈕背景色改為了紅色，并將字體顏色設為白色。

除了:active偽類外，我們還可以使用:focus偽類來實現點擊后更換樣式。此偽類用于當元素獲得焦點時，將樣式應用于元素，比如輸入框。

input:focus{
border: 1px solid blue;
outline: none;
}

以上代碼中，當用戶點擊輸入框時，將出現1像素寬的藍色邊框，并且輸入框周圍的虛線框將被移除。

總結：通過使用:active或:focus偽類，我們可以輕松地實現CSS點擊后更換樣式。這些偽類可以應用于各種HTML元素，從而在交互式網頁開發中提升用戶體驗。