中不同內容的情況。這時，我們可以使用CSS來實現內容的切換。 首先，在HTML代碼中設置要切換的內容。例如，我們可以設置兩個不同的段落：

<div id="content">
<p id="paragraph1">這是第一段內容</p>
<p id="paragraph2">這是第二段內容</p>
</div>

接下來，在CSS中設置內容的顯示與隱藏。我們可以利用"visibility"屬性，將其中一個內容隱藏起來。比如，我們讓第二段內容一開始處于隱藏狀態：

#paragraph1 {
visibility: visible; /* 顯示 */
}
#paragraph2 {
visibility: hidden; /* 隱藏 */
}

最后，在JavaScript中定義一個函數，通過改變"visibility"屬性來實現內容的切換。在該函數中，我們可以使用"getElementById()"方法獲取各個元素的id，并將需要顯示的元素的"visibility"屬性設置為"visible"，同時將上一個顯示的元素的"visibility"屬性設置為"hidden"，從而實現內容切換的效果。

function switchContent() {
var content = document.getElementById("content");
var paragraph1 = document.getElementById("paragraph1");
var paragraph2 = document.getElementById("paragraph2");
if (paragraph1.style.visibility === "visible") {
paragraph1.style.visibility = "hidden";
paragraph2.style.visibility = "visible";
} else {
paragraph1.style.visibility = "visible";
paragraph2.style.visibility = "hidden";
}
}

最后，我們只需要在HTML中創建按鈕，并通過點擊觸發"switchContent()"函數即可完成內容的切換：

<button onclick="switchContent()">切換內容</button>

到此，我們就成功地使用CSS實現了