CSS :first-line 伪元素

定义

:first-line 伪元素向文本的首行添加特殊样式。

这个伪元素用于设置元素中的第一行文本的样式，而不论该行出现多少单词。

:first-line 只能与块级元素关联。可以应用到首字母的属性是有限的。

例子

p{font-size:12pt;}
p:first-line{color:#FF0000; font-variant:small-caps;}

<p>Some text that ends up on two or more lines</p>

注释：下列属性应用于 :first-line 伪元素：

• font 属性
• color 属性
• background 属性
• word-spacing
• letter-spacing
• text-decoration
• vertical-align
• text-transform
• line-height
• clear

伪元素可与 CSS 类结合：

p.article:first-line{color:#FF0000;}

<p class="article">A paragraph in an article</p>

本例将把所有 class="article" 的段落的第一行文本设置为 red。