css 冒号 after |svg字体css3

伪类after用法如下：

selector::after {
content: "";
display: block;
...
}

在这里，大家可以通过content来设置这个虚拟元素添加什么内容，通过display来控制它的显示方式。另外，大家还可以使用其他的CSS属性对伪类after进行样式设置。

实际应用中，伪类after经常用于添加一些辅助图标或者文字，又不想添加额外的HTML元素，例如：

button:after {
content: "\f054";
font-family: "Font Awesome 5 Free";
font-weight: 900;
display: inline-block;
margin-left: 5px;
}

上述代码中，大家通过content添加了一个来自于Font Awesome字体集合中的图标，并通过其他属性对它进行了定位和样式设置。

总之，在开发中，合理使用伪类after可以让大家更加方便地实现各种元素的样式效果。