CSS查找第一個元素是網(wǎng)頁設(shè)計中常見的需求，在編寫CSS時可能需要將樣式應(yīng)用到某個頁面上唯一的元素，而這個元素可能并沒有類似于id或類的選取器來進(jìn)行定位。這時，可以使用:first-child偽類或first-of-type選擇器來查找頁面上的第一個元素。

:first-child {
/* style rules for the first child element */
}
/* OR */
:first-of-type {
/* style rules for the first element of its type */
}

:first-child偽類選擇器適用于選取某個元素的第一個子元素，而:first-of-type選擇器適用于選取某個類型的元素的第一個元素。例如，如果想要給某個div元素的第一個p或img標(biāo)簽添加樣式，則可以使用:first-child或:first-of-type選擇器來實(shí)現(xiàn)：

/* using :first-child */
div p:first-child {
/* style rules for the first p element inside a div */
}
div img:first-child {
/* style rules for the first img element inside a div */
}
/* OR */
/* using :first-of-type */
div p:first-of-type {
/* style rules for the first p element inside a div */
}
div img:first-of-type {
/* style rules for the first img element inside a div */
}

這個選擇器還可以用于列表中的第一個元素：

ul li:first-child {
/* style rules for the first li element inside a ul */
}
ol li:first-of-type {
/* style rules for the first li element inside a ol */
}

總之，CSS選擇器中的:first-child和:first-of-type偽類是查找第一個元素的有效工具。無論是查找頁面中的第一個元素還是特定類型的第一個元素，它們都可以幫助設(shè)計師更輕松地編寫CSS并添加所需的樣式。