在CSS中，伪元素指的是基于已存在元素而创建的一个虚拟元素。它们不属于DOM，不能通过JavaScript来操作。CSS伪元素被用来设置元素的不同状态。

CSS中最常用的伪元素是::before和::after，它们可以在元素的前后位置添加内容。

::after伪元素用于在元素的内容的最后添加一个虚拟的元素。它通常用于在某个元素之后插入一些特殊的HTML内容，比如箭头、图标、计数器等等。

/* 语法 */
selector::after {
content: "text"；
display: block | inline-block | table-cell | flex | grid | etc;
position: absolute | relative;
/* 其他属性 */
}

::after伪元素的样式属性由content和其他属性组成。其中，content属性是必须的。它定义了伪元素所要添加内容的类型和值。

/* 示例 */
button::after {
content: "";
display: inline-block;
width: 10px;
height: 10px;
background-color: red;
}

上面的CSS代码将在后面添加一个红色的小正方形。通过content属性的值为空字符串来创建一个空的伪元素，并通过其他属性来设置伪元素的样式。

虽然::after伪元素常用来添加图标、计数器等，但其实它能实现的功能不仅限于此。只要你能用CSS样式来实现的效果都可以利用::after伪元素来实现，比如连接两个元素，创建三角形等等。