CSS3標準新增了很多樣式屬性和選擇器，其中有一個非常特別的屬性—— :nth-child(n)。

p:nth-child(3n) {
color: red;
}

這個屬性和選擇器的組合表示選取某個父元素下的第n個子元素，被3整除的元素會應用到樣式規則中。比如上面的代碼表示，選擇某一個父元素下每3個元素中的第3個子元素，將其字體顏色設置為紅色。

這個屬性和選擇器的組合非常靈活，可以進行各種排列組合。比如選擇某一個父元素下的每偶數個子元素：

p:nth-child(2n) {
font-style: italic;
}

現在，我們只需在CSS規則中使用這個屬性和選擇器的組合，就可以輕松實現類似于交替顏色、表格斑馬線等等效果。而且特別注意的是，我們可以通過這個屬性和選擇器的組合實現很多復雜的布局，而不需要引入額外的HTML元素或者JavaScript代碼。