CSS3中的點擊展開子項特效是網頁設計中常用的互動特效之一。通過簡單的CSS代碼實現，讓用戶在點擊某個元素時，該元素下的內容可以展開/折疊，提升網頁的交互性。

/* HTML部分 */
<div class="parent">
<div class="title">標題</div>
<div class="content">內容</div>
</div>
/* CSS部分 */
.parent {
text-align: center;
}
.title {
background-color: lightblue;
cursor: pointer;
}
.content {
display: none;
background-color: lightcoral;
}
.title.active {
background-color: lightgreen;
}
.content.active {
display: block;
}

以上代碼是一種基本的點擊展開子項特效的實現方式。在HTML部分，我們需要一個父元素和兩個子元素，分別用來表示標題和內容；在CSS部分，我們需要設置父元素的文本居中，標題元素的背景色和光標類型，以及內容元素的初始隱藏和背景色。此外，我們還需要為標題和內容元素各添加一個.active類，用于在點擊時切換元素的樣式。

為了實現點擊觸發展開/折疊的特效，我們需要借助JavaScript腳本。具體實現思路如下：

1. 獲取標題元素和內容元素
2. 為標題元素添加點擊事件監聽器
3. 當點擊標題元素時，將標題元素和內容元素的.active類互相切換

/* JavaScript部分 */
let parent = document.querySelector(".parent");
let title = parent.querySelector(".title");
let content = parent.querySelector(".content");
title.addEventListener("click", function() {
title.classList.toggle("active");
content.classList.toggle("active");
});

以上JavaScript代碼實現了獲取標題和內容元素，并為標題元素添加點擊事件監聽器，當點擊標題元素時，會將標題元素和內容元素的.active類切換，從而實現內容的展開/折疊。

通過簡單的HTML、CSS和JavaScript代碼，我們可以輕松實現點擊展開子項的特效，提升網頁的交互性。