CSS中，我們經常需要控制頁面的元素是否可見。其中一個比較常用的操作是點擊一個div元素后，使其隱藏不可見。下面我們來看看如何實現這一效果。

div {
display: block;
}
div.hide {
display: none;
}

上面的CSS代碼定義了一個普通的div元素以及一個隱藏狀態的div元素。我們可以通過給div元素的class屬性賦值來切換其可見性。

<div>普通div</div>
<div class="hide">隱藏的div</div>

在HTML代碼中，我們可以給某個div元素加上hide類名，使其隱藏不可見。

$('div').click(function() {
$(this).toggleClass('hide');
});

為了讓div元素能夠點擊后隱藏，我們需要使用JavaScript/jQuery。上面的代碼通過為所有div元素綁定click事件來實現這一效果。當用戶點擊一個div元素時，這個元素的class屬性會被切換成hide，從而使其隱藏。

以上就是CSS中div點擊后隱藏的實現方法。如果你有需要，可以根據自己的需求來進行相應的調整。