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

【问题标题】：What is the meaning of content and backward slash in csscss中内容和反斜杠是什么意思
【发布时间】：2014-02-21 14:51:19
【问题描述】：

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

在html中是这样的

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

类如下所示。

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

那个类定义的含义是什么

:before
content

和

"\f0a6"

【问题讨论】：

【解决方案1】：

Google 确实有帮助。

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

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

【讨论】：

从技术上讲，\f0a6 指的是 Unicode 代码点 U+F0A6，它是私有使用代码点。 Unicode 标准没有为其分配任何字符，但相关方之间的协议可以使用它；因此，只有在您对此达成特殊协议时，它才是“字符”。 Font Awesome 违反了 Private Use 代码点不应用于公共信息交换的原则。
+1 他们经常违反它们，如果它很快成为标准，我不会感到惊讶。

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

说明：

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

定义：

【讨论】：

【解决方案4】：

标签：之前{内容：值}

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

而“\f0a6”表示举手图标

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

【讨论】：