':after' 和 '::after' 都是 CSS 中的伪元素，用于在元素的内容后面添加样式效果。它们之间的唯一区别在于 '::after' 符号是 CSS3 中引入的。

在使用伪元素时，我们可以像调用普通元素一样设置它们的各种属性，比如内容（content）、展示类型（display）、位置（position）以及样式属性等。它们的作用与使用普通元素相同，但在 HTML 结构中却不需要实际的元素。

使用伪元素的好处是能够轻松地对元素进行样式修饰，而且不会破坏页面结构。比如，我们可以使用 ':after' 或 '::after' 为元素添加一个图标：

.btn:after{
    font-family: Fontawesome;
    content: "\f101";
}

这个样式规则会给所有带有 '.btn' 类的元素添加上一个 FontAwesome 字体家族中的图标。

需要注意的是， '::after' 符号在某些较老版本的浏览器中可能无法正常显示，此时可以使用 ':after'，或通过特定的 hack 来解决兼容性问题。

总的来说，使用 ':after' 或 '::after' 可以为我们的网页增加一些细节效果，提高用户体验。但是在实际使用中，我们还需要根据具体的情况调整样式，以达到最佳效果。