使用场景

显示未读信息。

代码演示

API

实现原理

使用伪元素::after ,'position:absolute'和 left、top 实现、

1. ::after 插入的位置是内容（content）的最后面，就像你在元素末尾加了一段文字；
2. 它的渲染位置仍在 content 区域之内；