css 伪元素

CSS 伪元素用于设置元素指定部分的样式

可用于设置元素的首字母、首行的样式

在元素的内容之前或之后插入内容

 

 

first-line 伪元素

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

::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 伪元素可接受单冒号语法。

 

::first-letter伪元素用于向文本的首字母添加特殊样式

::first-letter 伪元素只适用于块级元素

下面的属性适用于 ::first-letter 伪元素

字体属性

颜色属性

背景属性

外边距属性

内边距属性

边框属性

text-decoration

vertical-align

text-transform

line-height

float

clear

 

多个伪元素

伪元素可以与 CSS 类结合使用，也可以组合几个伪元素

before 伪元素可用于在元素内容之前插入一些内容

after 伪元素可用于在元素内容之后插入一些内容

selection 伪元素匹配用户选择的元素部分

以下 CSS 属性可以应用于 ::selection：

color

background

cursor

outline