.box::after {
content: " ";
display: block;
width: 50px;
height: 50px;
background: red;
}上面的代码会在.box元素的最后面添加一个红色正方形块，它的宽高都是50像素。
::after伪元素可以被用于应用一些很酷的效果，比如加入一些视觉的元素，像是图标，箭头等。还可以用来完善网站的版面设计，比如在菜单前面或后面添加装饰性的线条或其他符号。
需要注意的是，::after不会生成一组新的元素，它只是在目标元素的末尾插入伪元素，因此它不会改变文档的结构，也不会增加额外的DOM元素。
除了::after之外，CSS3还提供了::before伪元素，它与::after用法相似，不同之处在于它会在目标元素的最前面添加一个内容。
使用::after和::before伪元素可以让大家在不改变HTML结构的情况下，轻松的在元素前后添加内容。这个特色让它们成为一个非常有用的工具！