有時候，我們想通過CSS來實(shí)現(xiàn)一個點(diǎn)擊div就消失的效果。這個需求在很多場景下都有出現(xiàn)過，比如點(diǎn)擊關(guān)閉按鈕或者點(diǎn)擊空白處隱藏彈窗等。下面，就讓我們來看一下如何用CSS來實(shí)現(xiàn)這個效果。

div {
display: block;
width: 200px;
height: 200px;
background-color: #ccc;
}
div:active {
display: none;
}

以上代碼中，我們首先定義了一個樣式為div的元素，寬高都為200px，背景色為灰色。然后，我們在樣式中使用了偽類:active，當(dāng)點(diǎn)擊該div元素時，它就會消失。

不過需要注意的是，這種實(shí)現(xiàn)方式有一個缺點(diǎn)，只能在鼠標(biāo)點(diǎn)擊元素時才有效，如果用鍵盤操作并不能實(shí)現(xiàn)div消失。因此，在實(shí)際開發(fā)中，我們可能會選擇其他方法來實(shí)現(xiàn)這個效果。