HTML ::after 伪元素：在元素后面添加内容

HTML 中的 ::after 是 CSS 伪元素中的一种，它用于在元素的内容后面添加内容。

::after 可以用来插入一些额外的内容，例如图标、箭头、文字等等。这些内容不需要在 HTML 中声明，而是通过 CSS 来添加。

::after 的作用是可以通过 CSS 样式来进行控制，如设置其内容、颜色、位置、大小、边框、背景等等，从而实现一些特定的效果。

举个例子，可以使用 ::after 来添加一个箭头图标，如下所示：

.arrow::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #000;
  margin-left: 10px;
}

这段代码会在类名为 arrow 的元素的后面添加一个箭头图标，图标的颜色为黑色，大小为 10px x 10px。