css奇数和偶数选择器

1、新建一个HTML文档，用于承载表格和CSS

2、新建一个5行3列的<table>表格

3、保存以上内容，在浏览器中预缝怕览效果，如图：

4、定义一个内联样式，设置<table>表格的偶数行（even）的背景色为浅灰色，示例：

    <style>

        table tr:nth-child(even){

            background: #ccc;

        }

    </style>

5、再次保存以上文件，在浏览特泪器预览效果，表格的偶数行（even）的背景色显示为浅灰色

6、再次修订内联样式，增加奇数行的背景色为蓝色，示例：

    <style>

        table tr:nth-child(even){/*偶数行*/

            background: #ccc;

        }

        table tr:nth-child(odd){/*奇数行*/

          轿腊蹲  background: #0000ff;

        }

    </style>

7、保存以上内容，再次在浏览器预览效果，

奇数行（odd）背景色为蓝色，

偶数行（even）背景色为浅灰色