x
1
2
<html>3
<head>4
<meta charset="utf-8">5
<style>6
p:nth-child(odd) {7
background: #ff0000;8
}9
10
p:nth-child(even) {11
background: #0000ff;12
}13
</style>14
</head>15
<body>16
17
<h1>This is a heading</h1>18
<p>The first paragraph.</p>19
<p>The second paragraph.</p>20
<p>The third paragraph.</p>21
22
<p><b>注意:</b> Internet Explorer 8 and以及更早版本的浏览器 :nth-child()选择器.</p>23
24
</body>25
</html>