HTML与Sass中X图标的来源问询：非Font Awesome实现

这个X图标不是用Font Awesome这类字体图标实现的，完全是通过CSS伪元素绘制出来的，核心逻辑在你提供的Sass代码里：

1. 以.logout a作为定位容器，为伪元素提供定位基准
2. 给a:before和a:after这两个伪元素设置统一样式：
   • 宽度2px、高度12px的矩形
   • 背景色设为#AAAAAA
   • 通过绝对定位居中到容器的垂直中点
3. 对两个伪元素分别设置旋转角度：
   • :before旋转-45°
   • :after旋转45°
     两个矩形交叉后就形成了X的形状
4. hover时修改伪元素的背景色为#111111，实现交互高亮效果

你看到content: ""是空的，因为这里不需要用字符内容，伪元素只是用来承载绘制的矩形线条，空的content是为了让伪元素正常渲染（CSS伪元素必须设置content属性才会显示）。

HTML里的<a href="/logout"></a>标签不需要内容，因为X图标完全由CSS生成，和标签本身的文本无关。

内容的提问来源于stack exchange，提问作者Pao