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

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

CSS3中選擇器: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標簽

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

網站名稱：dw中css選擇器nthchild的使用方法
文章源于：http://aaarwkj.com/article42/goddhc.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供動態(tài)網站、商城網站、做網站、云服務器、網站設計、移動網站建設

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯(lián)