在CSS中，有一種選擇器可以用來控制某一個元素的第N個樣式，就是眾所周知的“nth-child（）”選擇器。

/* 并不是所有元素都支持nth-child選擇器 */
/* 以下是選中某個父元素下的所有子元素 */
p:nth-child(n) { 
/* 樣式 */
}
/* 選中某個父元素下的偶數個子元素（1,3,5,7...） */
p:nth-child(even) { 
/* 樣式 */
}
/* 選中某個父元素下的奇數個子元素（2,4,6,8...） */
p:nth-child(odd) { 
/* 樣式 */
}
/* 選中某個父元素下從第2個子元素開始的每個子元素 */
p:nth-child(n+2) { 
/* 樣式 */
}
/* 選中某個父元素下第5個子元素之前的所有子元素 */
p:nth-child(-n+5) { 
/* 樣式 */
}
/* 選中某個父元素下第4個到第6個子元素 */
p:nth-child(n+4):nth-child(-n+6) { 
/* 樣式 */
}

nth-child選擇器可以幫助我們快速精確地選中某個元素及其子元素，并對其進行樣式調整，同時也可以利用組合選擇器實現更為具體的選中效果，這是我們在CSS中必不可少的工具之一。