CSS3中選擇器:nth-child()該怎么使用呢？下面我們就來(lái)看看:nth-child()選擇器的使用方法。

1、在新建的html文件中，建立幾個(gè)相同的標(biāo)簽，比如建立幾個(gè)p標(biāo)簽，如圖所示

2、p:nth-child(){}。冒號(hào)前面是需要加屬性的對(duì)象，后面的小括號(hào)內(nèi)填寫數(shù)值，需要對(duì)第幾個(gè)p標(biāo)簽添加屬性，就輸入數(shù)字幾，大括號(hào)內(nèi)是需要對(duì)其添加的屬性設(shè)置

3、比如將第二個(gè)p背景顏色設(shè)置為紅色，第四個(gè)p背景設(shè)置為綠色；

p:nth-child(2){background-color:red;}

p:nth-child(4){background-color:green;}

4、在瀏覽器中預(yù)覽查看效果

5、如果內(nèi)容有父集的存在，如圖所示

6、那么在添加屬性設(shè)置時(shí)，可以添加div+空格+屬性名稱，如圖所示，代表意思是：div中的第幾個(gè)p標(biāo)簽

以上就是Dreamweaver中nthchild選擇器的使用方法，希望大家喜歡，請(qǐng)繼續(xù)關(guān)注武林網(wǎng)。

相關(guān)推薦：

Dreamweaver怎么制作鼠標(biāo)經(jīng)過(guò)圖片晃動(dòng)的效果?

Dreamweaver網(wǎng)頁(yè)怎么制作一個(gè)帶有列表值的下拉菜單?

Dreamweaver CS6編輯瀏覽器列表無(wú)法添加瀏覽器怎么辦?