伪元素是在已有的元素层上创建的新的元素。具体官方定义 伪元素有很多种，但常用的只有几种。

first-letter、first-line

选中文字的首字母、首行。代码示例

代码如下：

.first::first-letter {
  font-size: 26px;
  color: red;
}
.first::first-line {
  color: green;
}

before、after

before、after可以对现有元素进行补充说明，可以实现很多有意思效果。注意：必须有content属性

代码示例