這篇文章給大家分享的是有關CSS如何使用偽類nth-child的內容。小編覺得挺實用的，因此分享給大家做個參考，一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)是一家專業(yè)提供襄州企業(yè)網(wǎng)站建設,專注與成都網(wǎng)站制作、網(wǎng)站設計、HTML5、小程序制作等業(yè)務。10年已為襄州眾多企業(yè)、政府機構等服務。創(chuàng)新互聯(lián)專業(yè)的建站公司優(yōu)惠進行中。

nth-child是一個偽類，它為選擇器添加條件，并允許您將樣式應用于子元素的第n個（nth）。

當你想要交替設置背景顏色以便在包含許多項目的表格中輕松查看時，nth-child就變得非常有用。

下面我們就來看nth-child的使用方法

nth-child的描述如下

元素:nth-child(值){樣式的內容}

除了數(shù)字，2n+1和一些數(shù)學表達式之外，even（偶數(shù)）等可以被設置為值。

僅應用于偶數(shù)時：2n或even

僅應用于奇數(shù)：2n+1或odd

還有其他情況，下面我們來看具體的應用實例

首先HTML代碼如下

感謝各位的閱讀！關于“CSS如何使用偽類nth-child”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，讓大家可以學到更多知識，如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！