//为什么会这样？这和解释对不上啊<!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;
}
点击展开后面2条
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 关注
- 2501 浏览
添加回答
举报
0/150
提交
取消