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)
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)