CSS3點擊顯示是一種非常常用的動態效果，它可以讓用戶在點擊元素時動態地顯示或隱藏內容。通過使用CSS3的:hover和:checked偽類，可以輕松地實現這個效果。下面我們來具體講解一下。

/* HTML代碼 */
<div class="container">
<label for="toggle">點擊顯示內容</label>
<input type="checkbox" id="toggle">
<div class="content">這是需要顯示的內容</div>
</div>
/* CSS代碼 */
.container {
position: relative;
}
.content {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
padding: 10px;
background-color: #fff;
border: 1px solid #ccc;
}
input[type="checkbox"] {
display: none;
}
input[type="checkbox"]:checked ~ .content {
display: block;
}

上述代碼中，我們首先定義了一個容器，然后在容器里面定義了一個label標簽和一個input標簽和一個div標簽，這個div標簽是需要顯示和隱藏的內容。接著我們在CSS中定義了容器的position為relative，這是為了讓后面絕對定位的.content相對于容器進行定位。我們還將.content的display屬性設置為none，這是為了讓它一開始不顯示。接著我們使用了偽類:checked來判斷input標簽是否被選中，如果被選中，就讓.content顯示出來，并且將display屬性設置為block。這樣，當用戶點擊label標簽，就會選中input標簽，從而根據偽類的屬性實現了顯示和隱藏效果。