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

网页前端
331 0

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

下面的例子为所有

元素中的首行添加样式:

实例

p::first-line {
  color: #ff0000;
  font-variant: small-caps;
}

注意:::first-line 伪元素只能应用于块级元素。

以下属性适用于 ::first-line 伪元素:

字体属性
颜色属性
背景属性
word-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height
clear
请注意双冒号表示法 - ::first-line 对比 :first-line

在 CSS3 中,双冒号取代了伪元素的单冒号表示法。这是 W3C 试图区分伪类和伪元素的尝试。

在 CSS2 和 CSS1 中,伪类和伪元素都使用了单冒号语法。

为了向后兼容,CSS2 和 CSS1 伪元素可接受单冒号语法。

最后更新 2021-06-01
评论 ( 0 )
OωO
隐私评论