在网站开发的过程中，我们经常会有这么一个需求，就是控制基数行和偶数行，添加特点的方法和样式，今天小编就和大家分享怎么使用CSS去选择基数行和偶数行！工具/原料more电脑：win7，64位软件：HbuilderX技术：HTML5+CSS3方法/步骤1/5分步阅读

首先打开编辑器新建一个HMTL文件

2/5

输入基础代码（小编使用ul标签做为演示）

3/5

编写CSS选择【基数行】并添加样式

核心代码：.list li:nth-child(odd){ background: blue; font-size: 18px; color: #fff;}

4/5

编写CSS选择【偶数行】并添加样式

核心代码：.list li:nth-child(even){ background: goldenrod; font-size: 18px; color: #fff;}

5/5

编写代码完成后，我们打开浏览器来预览一下效果：如图所示

方法总结：1/1

1、新建HMTL文件

2、输入基础代码

3、选择基数行，并设置样式

4、选择偶数行，并设置样式

5、打开浏览器预览效果

注意事项

tips1：步骤1和步骤2是为了方便给大家演示，大家可以直接复制核心代码！

tips2：本教程使用的开发工具及代码，大家可以根据自己的实际情况来设定。这里不做限制！

HTMLCSSJS