如何使用CSS3中的结构伪类选择器设置无序列表

1、第一步，双击打开HBuilderX编辑器，接着新建静态页面并修改title属性值，如下图所示：

2、第二步，在body元素插入一个div标签元素，并在div元素中添加一个无序列表，如下图所示：

3、第三步，在titile标签下方，插入一个style，设置全局样式和ul元素的样式，如下图所示：

4、第四步，使用li元素选择器，设置子项的样式，如宽度、高度、行高、字体属性等，如下图所示：

5、第五步，保存代码并打开浏览器预览页面，可以发现六行五列显示，如下图所示：

6、第六步，再使用ul li:nth-child(2n+1)，设置奇数个li的样式，如下图所示：