CSS可以實現切換顯示，這在網站開發中是一件非常有用的技術。通過切換CSS樣式表，頁面可以在不刷新的情況下展現出不同的風格。下面我們來看一下實現切換顯示時應該如何進行CSS設置。

/* CSS樣式表1 */
.button {
background-color: red;
color: white;
}
/* CSS樣式表2 */
.button.active {
background-color: green;
color: black;
}

以上是兩個不同的CSS樣式表，分別定義了類名為“button”的元素的樣式。第一個樣式表定義的“button”樣式是一個紅色背景、白色文字的按鈕，而第二個樣式表則定義了一個綠色背景，黑色字體的按鈕。

接下來，我們可以在HTML中使用這個切換樣式的功能。將這兩個樣式表分別用不同的類名來設置：

按鈕按鈕2

這里有兩個元素：第一個元素使用類名為“button”，第二個元素則使用類名“button”加上“active”。這個“active”類名就是用來切換CSS的關鍵。

現在，我們就可以在CSS樣式表中找到這個“active”類名，并根據需要進行樣式設置。在這個例子中，“active”類名被定義為第二個樣式表，意味著當我們添加“active”類名時，該元素會顯示出另外一個樣式表設置的樣式。

這便是CSS切換顯示的簡單實現方法。這種方法可以在不刷新頁面的情況下，動態地切換元素的樣式，為網站開發帶來了更加靈活的設計方案。