本文介紹使用CSS取第一個子元素的方法。

.parent {
/* 父元素樣式 */
}
.parent:first-child {
/* 取第一個子元素的樣式 */
}
.parent:nth-child(1) {
/* 同上 */
}

在CSS中，我們可以使用:first-child或:nth-child()來取一個元素的第一個子元素。

其中:first-child選擇器會選中元素的第一個子元素，無論它是什么類型的元素。比如：

<ul class="parent">
<li>第一個子元素</li>
<li>第二個子元素</li>
</ul>

這里我們想要選中第一個<li>元素：

.parent:first-child li {
/* 當:first-child是li的時候，選中第一個li */
}

同樣地，我們也可以使用:nth-child()選擇器來選中元素的第一個子元素：

.parent:nth-child(1) li {
/* 選中第一個li */
}

相對于:first-child選擇器，:nth-child()選擇器可以更靈活地選擇其他位置的子元素。比如：

.parent:nth-child(3) li {
/* 選中第三個li */
}

總之，在CSS中，使用:first-child或:nth-child()選擇器來選中元素的第一個子元素是一種十分方便的選擇器。使用它，我們可以輕松地對頁面元素進行樣式調整。