dw中css選擇器nthchild怎么使用?
百度經(jīng)驗 發(fā)布時間：2018-06-04 14:58:50 作者：患者無薪 
我要評論
我要評論dw中css選擇器nthchild怎么使用？Dreamweaver中出現(xiàn)了多個相同的標(biāo)簽，這時候可以使用nth-child()選擇器，下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下
CSS3中選擇器:nth-child()該怎么使用呢？下面我們就來看看:nth-child()選擇器的使用方法。
1、在新建的html文件中，建立幾個相同的標(biāo)簽，比如建立幾個p標(biāo)簽，如圖所示
2、p:nth-child(){}。冒號前面是需要加屬性的對象，后面的小括號內(nèi)填寫數(shù)值，需要對第幾個p標(biāo)簽添加屬性，就輸入數(shù)字幾，大括號內(nèi)是需要對其添加的屬性設(shè)置
3、比如將第二個p背景顏色設(shè)置為紅色，第四個p背景設(shè)置為綠色；
p:nth-child(2){background-color:red;}
p:nth-child(4){background-color:green;}
4、在瀏覽器中預(yù)覽查看效果
5、如果內(nèi)容有父集的存在，如圖所示
6、那么在添加屬性設(shè)置時，可以添加div+空格+屬性名稱，如圖所示，代表意思是：div中的第幾個p標(biāo)簽
以上就是Dreamweaver中nthchild選擇器的使用方法，希望大家喜歡，請繼續(xù)關(guān)注腳本之家。
相關(guān)推薦：
Dreamweaver怎么制作鼠標(biāo)經(jīng)過圖片晃動的效果?
Dreamweaver網(wǎng)頁怎么制作一個帶有列表值的下拉菜單?
Dreamweaver CS6編輯瀏覽器列表無法添加瀏覽器怎么辦?
相關(guān)文章
- 這篇文章主要介紹了CSS :visited偽類選擇器隱秘往事回憶錄,需要的朋友可以參考下2018-10-12
- 這篇文章主要介紹了css選擇器中有小數(shù)點的標(biāo)簽獲取方法,需要的朋友可以參考下2018-03-26
CSS3 :default 偽類選擇器只能作用在表單元素上，表示默認(rèn)狀態(tài)的表單元素。接下來通過本文給大家介紹CSS3 :default偽類選擇器使用簡介，感興趣的朋友跟隨腳本之家小編一起2018-03-15- 本文將詳細(xì)介紹CSS選擇器的新用法，感興趣的朋友一起學(xué)習(xí)吧2018-02-02
這篇文章主要介紹了CSS選擇器實現(xiàn)字段解析的相關(guān)資料,需要的朋友可以參考下2018-01-31- 這篇文章主要介紹了CSS中選擇器的權(quán)重值的計算的相關(guān)資料,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-23
Dreamweaver怎么使用css選擇器中的類？Dreamweaver中css選擇器中有很多功能，想要使用其中的類，該怎么使用呢？下面我們就來看看詳細(xì)的教程，需要的朋友可以參考下2018-01-09
詳解CSS3選擇器:nth-child和:nth-of-type之間的差異
本篇文章主要介紹了CSS3選擇器:nth-child和:nth-of-type之間的差異，非常具有實用價值，需要的朋友可以參考下2017-09-18- 本文總結(jié)了30個CSS3選擇器,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-13
- 這篇文章主要介紹了css3類選擇器之結(jié)合元素選擇器和多類選擇器用法,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-09
