CSS3 nth-child ：first 偽類是指選擇第一個子元素的樣式，在 CSS 中使用:first-of-type 選擇器可以選擇作為其父元素下的第一個特定類型子元素的元素。

例如，以下代碼將選擇作為其父元素下的第一個段落元素的元素：
p:first-of-type {
font-weight: bold;
}

然而，當(dāng)父元素中有不同類型的子元素時，我們需要使用:nth-child() 偽類來選擇第一個子元素，比如以下代碼將選擇作為其父元素下的第一個元素：

p:nth-child(1) {
color: red;
}

我們可以使用 :first-child 來選擇某個元素的第一個子元素，而不僅僅是按照類型選擇第一個子元素：

li:first-child {
border-top: none;
}

總而言之，CSS3 nth-child:first 偽類是一個非常強(qiáng)大的工具，可以用來選擇不同類型的第一個子元素，讓我們在樣式表中編寫更加靈活且具有可讀性的代碼。