元晖 2021-10-14 19:43 采纳率: 100%
浏览 43
已结题

关于css选择器的nth--child()的一个疑问p:nth--child(2)

img

如同所示,p:nth--child(2)在我理解里,应该选择父元素的第二个p标签,也就是第二个段落


<!DOCTYPE html>
<html>
<head>
<style> 
p:nth-child(2)
{
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>

困惑许久,希望有人解惑。

  • 写回答

2条回答 默认 最新

  • 浪在前端 2021-10-14 19:58
    关注

    nth-child(n)匹配属于其父元素的第 N 个子元素,不论元素的类型,匹配方式是找到元素之后再与前面的选择符进行匹配,nth-of-type(2)可以匹配到 '第二个段落。',建议你去看看区别

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

问题事件

  • 系统已结题 10月23日
  • 已采纳回答 10月15日
  • 修改了问题 10月14日
  • 修改了问题 10月14日
  • 展开全部

悬赏问题

  • ¥15 wegame打不开英雄联盟
  • ¥15 公司的电脑,win10系统自带远程协助,访问家里个人电脑,提示出现内部错误,各种常规的设置都已经尝试,感觉公司对此功能进行了限制(我们是集团公司)
  • ¥15 救!ENVI5.6深度学习初始化模型报错怎么办?
  • ¥30 eclipse开启服务后,网页无法打开
  • ¥30 雷达辐射源信号参考模型
  • ¥15 html+css+js如何实现这样子的效果?
  • ¥15 STM32单片机自主设计
  • ¥15 如何在node.js中或者java中给wav格式的音频编码成sil格式呢
  • ¥15 不小心不正规的开发公司导致不给我们y码,
  • ¥15 我的代码无法在vc++中运行呀,错误很多