如题,案例:http://www.w3school.com.cn/ti...
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)
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
暂无简介
文章 0 评论 0
接受
发布评论
评论(1)
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)