站長資訊網(wǎng)
在css中，可以利用“:nth-child(n)”選擇器來選擇div下的第幾個p元素，該選擇器的作用就是選擇父元素下的第n個子元素，語法為“div p:nth-child(n){css樣式代碼;}”。
本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
css怎樣選擇div下的第幾個p元素
在css中，可以利用:nth-child()選擇器來選擇div下的第幾個p元素。
:nth-child(n) 選擇器匹配屬于其父元素的第 N 個子元素，不論元素的類型。
n 可以是數(shù)字、關(guān)鍵詞或公式。
示例如下：
<html> <head> <style> div p:nth-child(2) { background:#ff0000; } </style> </head> <body> <div> <p>第一個段落。</p> <p>第二個段落。</p> <p>第三個段落。</p> <p>第四個段落。</p> </div> </body> </html>
輸出結(jié)果：
（學(xué)習(xí)視頻分享：css視頻教程）
