案例：CSS案例     状态：可编辑再运行    进入竖版
 运行结果　
​x
 
1
<html>
2
​
3
<head>
4
<style type="text/css">
5
p:first-letter
6
  {
7
  color:#ff0000;
8
  font-size:xx-large;
9
  }
10
​
11
p:first-line
12
  {
13
  color:#0000ff;
14
  font-variant:small-caps;
15
  }
16
</style>
17
</head>
18
​
19
<body>
20
<p>You can combine the :first-letter and :first-line pseudo-elements to add a special effect to the first letter and the first line of a text!</p>
21
</body>
22
​
23
</html>
24
​