案例：CSS3 案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
<style>
5
li:first-child
6
{
7
background:yellow;
8
}
9
</style>
10
</head>
11
​
12
<body>
13
​
14
<ul>
15
  <li>咖啡</li>
16
  <li>茶</li>
17
  <li>可口可乐</li>
18
</ul>
19
​
20
<ol>
21
  <li>咖啡</li>
22
  <li>茶</li>
23
  <li>可口可乐</li>
24
</ol>
25
​
26
<p><b>注释：</b>对于 IE8 及更早版本的浏览器中的 :first-child，必须声明 <!DOCTYPE>。</p>
27
​
28
</body>
29
</html>
30
​