在CSS中，我們可以使用“：nth-child”偽類來選擇某個元素的第x個子元素。

/* 選擇第一個子元素 */
p:nth-child(1) {
color: red;
}
/* 選擇第二個子元素 */
p:nth-child(2) {
color: blue;
}
/* 選擇第三個子元素 */
p:nth-child(3) {
color: green;
}

需要注意的是，這里的子元素包括各種類型的元素，如文本、圖片、鏈接等。另外，如果一個元素沒有被包含在另一個元素內，那么它就是文檔根元素的子元素，也可以使用“:nth-child”偽類來選擇它的第x個子元素。

我們也可以使用“:nth-of-type”偽類來選擇某種類型元素的第x個子元素。

/* 選擇第一個p元素 */
p:nth-of-type(1) {
color: red;
}
/* 選擇第一個div元素 */
div:nth-of-type(1) {
color: blue;
}

需要注意的是，這里的子元素只包括與選擇器匹配的元素類型。例如，如果我們只想選擇p元素的第二個子元素，而不考慮其他類型的元素，可以這么寫：

p:nth-of-type(2) {
color: blue;
}

總之，這些偽類可以幫助我們更靈活地選擇頁面上的元素，實現更多樣化的網頁布局和設計效果。