利用CSS，为列表数据添加间隔效果

1、先写上我们的列表html和css，代码如图，

3、要实现间隔，我们可以利用css伪类，:nth-child(2n)，这里的2n代表的是双数行，你也可以直接用英文的 even来，:nth-child(even)，代码如图

5、如果要为单数行也加上背景色呢？我们可以用css伪类，:nth-child(2n+1)来实现，2n是双数，2n+1就是单数了，也可以用英文来：:nth-child(odd)，代码如图

7、有2n的伪类，当然也有3n, 4n...这又是什么意思，其实n就是位数，3n就是3的倍数行，比如第3，6，9，12...行。我们在代码里添加一个，如图