为什么本地的Jekyll代码和上传到github的不一样？

Question

我发现我的一个博客页面与我在本地服务器上看到的页面不同。所以我调出了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，但我仍然不能完全理解它。有人能告诉我如何在我的Github Pages代码中添加::before吗？

Answer 1

css中的:before和:after是伪元素。

CSS伪元素用于设置元素的指定部分的样式。

例如，它可用于：

• 在element

的内容之前或之后插入内容的元素的第一个字母或行

您只能在开发人员工具上看到此::before和::after。

在本例中，您使用的是一些图标，而这些图标使用的是:before。

如果你的图标没问题，那么:before就正常工作了。

http://www.w3schools.com/css/css_pseudo_elements.asp