//為什么會這樣？這和解釋對不上啊<!DOCTYPE html><html><head><style>?p:nth-child(1){background:#ff0000;}</style></head><body><h1>這是標題</h1><p>第一個段落。</p><p>第二個段落。</p><p>第三個段落。</p><p>第四個段落。</p><p><b>注釋：</b>Internet Explorer 不支持 :nth-child() 選擇器。</p></body></html>
5 回答
已采納
qq_馳兮_0
TA貢獻4條經驗 獲得超3個贊
這和解釋沒矛盾啊，nth-child是按子元素來取的，要取特定的子元素要用nth-of-type,正解是：
p:nth-of-type(1){
? ?background: red;
}
qq_慕前端5486108
TA貢獻1條經驗 獲得超0個贊
:nth-child（n）類似的這種帶:的選擇器 :后為條件，前面的部分才表達的是你要選的元素，讀的時候為：選擇子元素為（nth-child這種的）/標簽為（nth-of-type這種的）xxx（:前面的那部分）。
例：div#div1 p>:nth-child(n){} 為 選擇子元素為idw為div1的div后代元素p下的子元素的子元素
- 5 回答
- 0 關注
- 2562 瀏覽
添加回答
舉報
0/150
提交
取消