CSS中的::after是伪元素，它可以用来在元素的内容之后插入一些内容。而::after的应用之一就是进行缩略。

.ellipsis {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ellipsis::after {
content: "";
display: inline-block;
width: 1em;
height: 1em;
margin-left: 0.2em;
background-color: #000;
border-radius: 50%;
}

上面这段代码实现了一个带圆点的缩略效果。首先通过white-space: nowrap;、overflow: hidden;、text-overflow: ellipsis;实现了内容超出则省略的效果，接着通过::after插入了一个小圆点。其中，display: inline-block;让圆点能够和内容在同一行显示，通过width和height控制大小，margin-left: 0.2em调整圆点与内容的间距，background-color设置颜色，border-radius: 50%;将方形变为圆形。

除了圆点，我们还可以用伪元素生成箭头、图标等，实现不同的缩略效果。这是CSS中::after功能的又一体现，为我们的设计带来更多可能。