我发现我的一个博客页面和我在本地服务器上看到的不一样。所以我调用HTML代码，发现有一些不同的东西。
本地服务器:
<li>
<a target="_blank" href="http://weibo.com">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x">
::before
</i>
<i class="fa fa-weibo fa-stack-1x fa-inverse">
::before
</i>
</span>
</a>
</li>
Github Pages:
<li>
<a target="_blank" href="http://weibo.com">
<span class="fa-stack fa-lg">
<i class="fa fa-circle fa-stack-2x"></i>
<i class="fa fa-weibo fa-stack-1x fa-inverse"></i>
</span>
</a>
</li>
我从别人那里继承了这个Jekyll模板。我在谷歌上搜索了::before，但我仍然没有完全理解它。谁能告诉我如何添加::before到我的Github Pages HTML代码?
css中的:before和:after为伪元素。
CSS伪元素用于给元素的指定部分设置样式。
例如，它可以用来:
- 设置元素的首字母或首行样式
- 在元素内容之前或之后插入内容
只能在开发人员工具上看到::before和::after。
在这种情况下，你正在使用一些图标，这些图标使用:before。
如果你的图标是好的，那么:before是工作的。