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

1、在新建的html文件中，建立幾個相同的標簽，比如建立幾個p標簽，如圖所示

2、p:nth-child(){}。冒號前面是需要加屬性的對象，后面的小括號內填寫數值，需要對第幾個p標簽添加屬性，就輸入數字幾，大括號內是需要對其添加的屬性設置

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

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

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

4、在瀏覽器中預覽查看效果

5、如果內容有父集的存在，如圖所示

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

以上就是Dreamweaver中nthchild選擇器的使用方法，希望大家喜歡，請繼續關注武林網。

相關推薦：

Dreamweaver怎么制作鼠標經過圖片晃動的效果?

Dreamweaver網頁怎么制作一個帶有列表值的下拉菜單?

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