今天我们来了解下:even和:odd的用法，:odd选取的是偶数，:even选取的是奇数。工具/原料moreHTMLdreamweaver方法/步骤1/8分步阅读

打开DW软件，做出几个相同的形状，如图建立了6个相同的div，div里面又包含h3标签，

2/8

在浏览器中预览效果，如图

3/8

添加对div的描述，想要将偶数列背景变为灰色，偶数列需要用到:odd

所以需要输入

$(div:odd).css(background-color,gray)

4/8

看下浏览器预览效果，2、4、6都是偶数列，所以所建立div背景变为了灰色

5/8

然后来设置下:even奇数的使用，将奇数列设置为背景为红色

$(div:even).css(background-color,red)

6/8

保存文件，在浏览器中预览效果，如图奇数列1、3、5变为了红色背景

7/8

根据同样的道理，只要是相同的标签，就可以进行奇数和偶数的排列，然后我们对所有的h3进行设置一下

$(h3:odd).css(color,white)

$(h3:even).css(color,yellow)

8/8

如图显示为最终效果，都是呈奇偶数呈现的。

注意事项

如果此经验对您有帮助，请为我投票加关注，谢谢大家的支持^_^

HTMLDREAMWEAVER软件