css中的内容和反斜杠是什么意思

Question

我下载了一个带有站点下载器的站点，上面有漂亮的图标。但是下载后，那个图标消失了，我看不到任何图像文件。

在html中，它是这样的。

<li class="active">
   <a href="buttons.html">
      <i class="icon-up"></i> Buttons
   </a>
</li>

该类如下所示。

.icon-up:before {content: "\f0a6"; }

该类定义的含义是什么

:before
content

和

"\f0a6"

Answer 1

谷歌真的很有帮助。

content表示放置在 css 元素中的真实内容。所以，p:before {content: 'hello'}会hello在段落内容前面放一个字符串。见这里：http : //jsfiddle.net/gRjRe/

您显示的内容 ( "\f0a6") 只是字体字符的 Unicode 值。在此处查看它们的使用方式，例如：http : //astronautweb.co/snippet/font-awesome/