CSS是一種用于樣式控制的語言，它可以為HTML文檔添加樣式。在很多網站中，會用到dt和dd標簽，它們通常用于展示一些列表信息。有時候我們需要點擊dt標簽時隱藏對應的dd標簽，這時可以使用CSS來實現。

dt {
cursor: pointer;
}
dd {
display: none;
}
dt.active + dd {
display: block;
}

上面的代碼中，我們設置dt標簽的鼠標樣式為手型，設置dd標簽的初始狀態為不可見，然后在dt標簽被點擊時，添加一個active類名，并選擇對應的dd標簽來顯示。

<dl>
<dt onclick="this.classList.toggle('active')">標題1</dt>
<dd>內容1</dd>
<dt onclick="this.classList.toggle('active')">標題2</dt>
<dd>內容2</dd>
<dt onclick="this.classList.toggle('active')">標題3</dt>
<dd>內容3</dd>
</dl>

在HTML中，我們將需要點擊展開/隱藏的dt標簽添加一個onclick事件，當點擊時，JS會為其添加/刪除active類名。CSS選擇active類名的另外一個好處是，我們可以通過設置active類名來控制展開/隱藏的動畫效果。