dw中css選擇器nthchild的使用方法

這篇文章主要介紹dw中css選擇器nthchild的使用方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

成都創(chuàng)新互聯(lián)公司從2013年開始，先為建始等服務建站，建始等地企業(yè)，進行企業(yè)商務咨詢服務。為建始企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務解決您的所有建站問題。

CSS3中選擇器:nth-child()該怎么使用呢？

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

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

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

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

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

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

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

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

以上是“dw中css選擇器nthchild的使用方法”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當前題目：dw中css選擇器nthchild的使用方法
轉載源于：http://m.jiaotiyi.com/article/goddhc.html