html - 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"

score 6 · Accepted Answer

谷歌真的很有帮助。

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

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

score 1 · Accepted Answer

它在任何具有 class 的元素之前输出具有 Unicode 值f0a6(61606)的字符icon-up。正如 Shomz 通过此链接指出的那样，在这种情况下，它是一只指向上方的手。

score 1 · Accepted Answer

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

解释：

:before在每个匹配/找到的.icon-up元素之前
content是要在每个元素之前.icon-up介绍的内容，在您的情况下，它是一个 Unicode 值 f0a6 (61606)，由Font Awesome生成为矢量图标：

定义：

score 0 · Accepted Answer

标签：之前{内容：值}

表示将内容的值放在标签之前

“\f0a6”表示举手图标

在您的情况下，列表按钮之前将显示一个手举图标

4 回答 4