CSS如何找到第幾個元素？

使用CSS，可以輕松找到DOM中的第一個或最后一個元素，但是當需要找到中間的第n個元素時就比較棘手了。

幸好，CSS提供了nth-child選擇器，用于在父元素下面選擇特定序號的子元素。nth-child選擇器可以通過數字、公式、關鍵詞和an+b來匹配選擇特定的子元素。

例如，:nth-child(3)可以選擇父元素下的第3個子元素， :nth-child(2n)可以選擇所有偶數子元素。同時，第n個元素的索引是從1開始的，而不是從0開始的。

下面是一些實際使用的例子：

/* 選擇第一個子元素 */
parentElement:first-child{
/* css 樣式 */
}
/* 選擇最后一個子元素 */
parentElement:last-child{
/* css 樣式 */
}
/* 選擇第n個子元素 */
parentElement:nth-child(n){
/* css 樣式 */
}
/* 選擇2n+1個子元素 */
parentElement:nth-child(2n+1){
/* css 樣式 */
}

以上這些選擇器可以讓我們在DOM中輕松地找到想要的元素。