1 个回答
hfhan
  • 11.6k

nth-child是选择父元素下的子元素,下标从1开始

p:nth-child(3n + 0)表示选择p元素父元素下的第3,6,9...个子元素,如果要选中第一个元素,要写成:nth-child(1),同理:nth-child(3n + 1)就代表选中第1,4,7...个子元素。

这里需要注意的是p元素父元素的第一个子元素为h1标签,所以要想选中p元素父元素下第1,4,7...个p元素,使用:nth-child需要写成:nth-child(3n + 2)。不过这里建议你使用:nth-of-type(3n+1)

评论 赞赏
    撰写回答

    登录后参与交流、获取后续更新提醒