CSS - 伪元素 - ::first-line

::first-line 伪元素用于对块级元素的第一行应用特殊效果或样式。此伪元素对内联元素无效。它仅适用于块级元素。

受伪元素::first-line影响的文本范围取决于视口宽度、行长、字体大小、字母间距、字间距等因素。

只有少量 CSS 属性可以与::first-line伪元素一起使用，如下所示：

语法

selector::first-line {
   /* ... */
}

CSS ::first-line 示例

以下是一个展示::first-line伪元素简单用法的示例：

Open Compiler

<html>
<head>
<style>
   p::first-line {
      color: black;
      font-size: 2em;
      text-decoration-color: rgb(4, 65, 65);
      text-decoration-line: line-through;
   }
</style>
</head>
<body>
   <p>First line is affected by the pseudo-element.<br />
      Second line has no effect.
   </p>
   <span>Even to an inline element there is no effect.</span>
</body>
</html>