案例:CSS3 案例     状态:可编辑再运行    进入竖版
 运行结果 
x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style> 
5
p:nth-child(3n+0)
6
{
7
background:#ff0000;
8
}
9
</style>
10
</head>
11
<body>
12
13
<h1>这是标题</h1>
14
<p>第一个段落。</p>
15
<p>第二个段落。</p>
16
<p>第三个段落。</p>
17
<p>第四个段落。</p>
18
<p>第五个段落。</p>
19
<p>第六个段落。</p>
20
<p>第七个段落。</p>
21
<p>第八个段落。</p>
22
<p>第九个段落。</p>
23
24
<p><b>注释:</b>Internet Explorer 不支持 :nth-child() 选择器。</p>
25
26
</body>
27
</html>
28