CSS3的nth-child屬性是CSS3中一個相對陌生的功能，它的用處也十分廣泛。既然稱為nth-child，那么必然涉及到“第幾個子元素”的問題，簡單說來，就是CSS中選擇器的一個新屬性，用于選取一個元素的某個特定的子元素。

/* 選取第一個子元素，相當于:first-child */
p:nth-child(1){
color: red;
}
/* 選取第偶數個子元素 */
p:nth-child(even){
color: blue;
}
/* 選取第三個子元素 */
p:nth-child(3){
color: green;
}

與nth-child相關的還有nth-of-type，它選擇的是某個類型（比如p、div等）的第幾個元素，而不是某個父元素的第幾個子元素。nth-child和nth-of-type經常會被一起使用，在Web開發中十分實用。

/* 選擇p元素中的第二個b元素 */
p b:nth-of-type(2){
font-size: 20px;
}
/* 選取一個表格的第奇數行 */
table tr:nth-child(odd){
background-color: #eee;
}