在下面的例子中，浏览器会根据 "first-line" 伪元素中的样式对 p 元素的第一行文本进行格式化 - 在线编辑器

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    p:first-line {
      color: #ff0000;
      font-variant: small-caps;
    }
  </style>
</head>

<body>
  <p>你可以使用 "first-line" 伪元素向文本的首行设置特殊样式。</p>
</body>
</html>
​x
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    p:first-line {
      color: #ff0000;
      font-variant: small-caps;
    }
  </style>
</head>
​
<body>
  <p>你可以使用 "first-line" 伪元素向文本的首行设置特殊样式。</p>
</body>
</html>