::after 伪元素是 CSS 中强大的工具，允许开发者在元素内容之后插入额外内容。这个伪元素必须与 content 属性一起使用，否则将不会显示任何内容。通过 ::after，我们可以添加装饰性元素、图标、引号或其他视觉增强效果，而无需修改 HTML 结构。

使用 ::after 的常见场景包括：

• 在链接后添加外部链接图标
• 在列表项后添加特殊标记
• 为引用内容添加引号
• 创建悬停效果和动画
• 添加清除浮动的内容

需要注意的是，::after 创建的伪元素是文档树中不可见的部分，这意味着它不能被选中或聚焦，但可以通过屏幕阅读器访问，如果设置了适当的 aria 属性。