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