//為什么會這樣？這和解釋對不上啊<!DOCTYPE html><html><head><style>?p:nth-child(1){background:#ff0000;}</style></head><body><h1>這是標(biāo)題</h1><p>第一個段落。</p><p>第二個段落。</p><p>第三個段落。</p><p>第四個段落。</p><p><b>注釋：</b>Internet Explorer 不支持 :nth-child() 選擇器。</p></body></html>
5 回答
已采納
qq_馳兮_0
TA貢獻(xiàn)4條經(jīng)驗(yàn) 獲得超3個贊
這和解釋沒矛盾啊，nth-child是按子元素來取的，要取特定的子元素要用nth-of-type,正解是：
p:nth-of-type(1){
? ?background: red;
}
-
黃志明不是，這段代碼，去掉<h1> child（1）就選擇了第一個P標(biāo)簽，不去掉<h1>就不顯示，要（2）才能選擇到P標(biāo)簽，按解釋，p:nth-of-type(1)應(yīng)該選擇P元素的第一個標(biāo)簽，但是為什么這里（2）才選擇到P的第一個標(biāo)簽? -
黃志明按解釋，p:nth-child(1)應(yīng)該選擇P元素的第一個標(biāo)簽，但是為什么這里（2）才選擇到P的第一個標(biāo)簽?
-
黃志明如果按屬于其父元素的子元素來解釋，那應(yīng)該選擇到<h1>標(biāo)簽的啊，這里實(shí)在想不通
點(diǎn)擊展開后面2條
qq_慕前端5486108
TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個贊
:nth-child（n）類似的這種帶:的選擇器 :后為條件，前面的部分才表達(dá)的是你要選的元素，讀的時候?yàn)椋哼x擇子元素為（nth-child這種的）/標(biāo)簽為（nth-of-type這種的）xxx（:前面的那部分）。
例：div#div1 p>:nth-child(n){} 為 選擇子元素為idw為div1的div后代元素p下的子元素的子元素
海天鷹
TA貢獻(xiàn)1條經(jīng)驗(yàn) 獲得超0個贊
我也發(fā)現(xiàn)了，我把源碼保存為文件試了一下，F(xiàn)irefox和Chrome表現(xiàn)一樣，只有一個解釋：nth-child：h=p！
- 5 回答
- 0 關(guān)注
- 2585 瀏覽
添加回答
舉報
0/150
提交
取消