1、首先打开Vscode编辑器，新建一个HTML文档，用于承载表格和CSS。
2、然后新建一个5行3列的<table>表格备用。
3、接着定义一个内联样式，设置table表格的偶数行even背景色为浅灰色，奇数行odd的背景色为蓝色。
4、保存以上内容，在浏览器预览效果，就能看到奇数行景色为蓝色，偶数行背景色为浅灰色的效果了。
odd代表奇数，even是偶数。假设您的选择器是li的话，那么写法如下:
li:nth-child(odd) {
color: blue
}
这样您奇数行的li标签文字颜色就是蓝色的了。
nth-child可以选择单个元素，也可以实现一个范围，如:
<ul><li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
上面是一个列表
1.选择单个标签元素（指定序列的单个元素）.
li:nth-child(1)
{
color: red
}
执行上面的CSS，<li>1</li>在界面上面表现为红色
2.选择一个范围的标签元素（偶数序列的元素）.
li:nth-child(2n)
{
color: red
}
执行上面的CSS，<li>2</li><li>4</li><li>6</li>在界面上显示红色
上面的CSS还可以如下面这样写：
li:nth-child(even)
{
color: red
}
这两个CSS都代表选择li所在的顺序为偶数位置的标签元素。
3.奇数序列的元素使用odd或者2n+1
