CSS是一種非常強大的樣式語言，其中有一種非常常見的需求就是控制某些元素的顯示和隱藏。在許多情況下，我們需要在用戶點擊某個按鈕或者執(zhí)行某個操作后，控制某些元素的隱藏或者顯示。這時候，我們可以借助CSS中的display屬性來實現(xiàn)這個需求。

// 定義一個包裹隱藏/顯示元素的容器
<div id="container">
// 定義需要隱藏/顯示的元素
<p id="hide_p">我是需要隱藏的元素</p>
<p id="show_p" style="display:none">我是需要顯示的元素</p>
</div>
// 添加點擊事件，隱藏‘隱藏元素’，顯示‘顯示元素’
document.getElementById('container').addEventListener('click', () =>{
document.getElementById('hide_p').style.display = "none";
document.getElementById('show_p').style.display = "block";
});

在上述代碼中，我們首先定義了一個id為container的div元素，這個div包含了兩個需要切換的p元素hide_p和show_p。hide_p元素默認是需要隱藏的，而show_p元素默認是需要顯示的，但是因為style屬性中設(shè)置為"display:none"，所以一開始不會顯示。之后，我們添加了一個點擊事件，當(dāng)用戶點擊container時，隱藏hide_p元素，顯示show_p元素。我們可以使用display屬性來控制元素的顯示和隱藏，將其設(shè)置為"none"表示隱藏，"block"表示顯示。

需要注意的是，這里只是一個簡單的演示，實際應(yīng)用中，我們可能還需要考慮更多的情況，比如同時顯示多個元素，或者需要設(shè)置一些過渡效果等等。不過無論如何，CSS中的display屬性是非常有用的，可以輕松地實現(xiàn)對元素的顯示和隱藏控制。