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

Google真的很有帮助。

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

您显示的内容（"\f0a6"）只是字体字符的Unicode值。了解它们的使用方法，例如：http://astronautweb.co/snippet/font-awesome/

Answer 2

它在具有类f0a6的任何元素之前输出具有Unicode值icon-up（61606）的字符。正如Shomz通过this link所指出的那样，在这种背景下，这是一只向上的手。

Answer 3

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

<强>解释

• :before位于每个匹配/找到的.icon-up元素之前

• content是在每个.icon-up元素之前引入的内容，在您的情况下，它是一个Unicode值f0a6（61606），由{生成{3}}作为矢量图标：

  

<强>定义：

• :before选择器会在所选元素的内容之前插入内容。

• content属性与:before和:after伪元素一起使用，以插入生成的内容。

Answer 4

标签：前{内容：值}

表示将内容的值放在标记

之前

和“\ f0a6”表示手动图标

在您的情况下，手册图标将显示在列表按钮

之前