css 伪元素

什么是伪元素？
CSS 伪元素用于设置元素指定部分的样式。

1.:first-line伪元素，给元素的第一行加上样式

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

1.:first-letter 伪元素，给元素文本的首字母添加特殊样式。

p::first-letter {
  color: #ff0000;
  font-size: xx-large;
}

3.CSS - ::before 伪元素可用于在元素内容之前插入一些内容。
h1::after {

  content: url(smiley.gif);
}

4.CSS - ::selection 伪元素将用户选择的元素部分更换样式

::selection {
  color: red; 
  background: yellow;
}

注意： 在CSS定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。

注意： 在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。

注意：伪类的名称不区分大小写。
锚伪类：
未访问状态（a:link）
鼠标悬停状态（a:hover）
活动状态（a:active）
已访问状态（a:visited）

更多看这
https://www.w3school.com.cn/css/css_pseudo_elements.asp