Pseudo-elements

伪元素

一个CSS 伪元素是一个关键字添加到选择器，让你风格选定元素的特定部分。例如，::first-line可以用来改变段落第一行的字体。

/* The first line of every <p> element. */
p::first-line {
  color: blue;
  text-transform: uppercase;
}

注意：与伪元素相比，pseudo-classes可以根据元素的状态来设置元素的样式。

语法

selector::pseudo-element {
  property: value;
}

您只能在选择器中使用一个伪元素。它必须出现在声明中的简单选择器之后。

注意：通常，::应该使用双冒号（）代替单个冒号（:）。这将伪类与伪元素区分开来。但是，由于W3C规范的旧版本中没有这种区分，大多数浏览器都支持原始伪元素的两种语法。

伪元素指数

• ::after

• ::before

• ::cue

• ::first-letter

• ::first-line

• ::selection

• ::backdrop

• ::placeholder

• ::marker

• ::spelling-error

• ::grammar-error