1 <style type="text/css">
2 h1:nth-child(even){
3 background-color: red;
4 }
5 </style>
6 <script>
7 $(document).ready(function(){
8 $("p:even").css("background-color","yellow");
9 });
10 </script>
11 </head>
12 <body>
13
14 <h1>欢迎访问我的主页</h1>
15 <h1>欢迎访问我的主页</h1>
16 <h1>欢迎访问我的主页</h1>
17 <h1>欢迎访问我的主页</h1>
18
19 <p>
20 <span>网站名</span>
21 <span>网址</span>
22 </p>
23 <p>
24 <span>Google</span>
25 <span>http://www.google.com</span>
26 </p>
27 <p>
28 <span>Baidu</span>
29 <span>http://www.baidu.com</span>
30 </p>
结果：JQuery中的奇偶是指实际中的奇偶，even 第一个，第三个..... odd 第二个，第四个.....
CSS中的奇偶是从标签下标开始，even 第二个，第四个..... odd 第一个，第三个.....