2014-02-21 40 views
0

我已经下载了一个网站的网站下载,其上有很好的图标。但下载后,图标消失,我看不到任何图像文件。什么是内容和反斜杠在CSS中的含义

在html中,就是这样。

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

该类如下所示。

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

是什么意思的是类定义的

:before 
content 

"\f0a6" 
+2

尝试搜索? – BoltClock

+0

你想知道图标的位置?它可能使用了一种图标字体,它在某些方面不能正确加载下载的网站。 – nwalton

回答

3

谷歌真的有帮助。

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

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

+1

从技术上讲,'\ f0a6'是指Unicode代码点U + F0A6,它是一个专用代码点。 Unicode标准没有给它分配任何字符,但它可以被相关方之间的协议使用;所以只有在你就此达成特别协议的情况下,它才是一个“人物”。 Font Awesome违反了私人使用代码点不应用于公共信息交换的原则。 –

+0

+1他们经常侵犯他们,如果它很快成为标准,我不会感到惊讶。 – Shomz

1

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

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

说明:

  • :before在每个匹配之前/发现.icon-up元件

  • content是引入内容之前每个.icon-up元素,在你的情况下,它是一个Unicode值f0a6(6160 6),其通过Font Awesome作为载体图标生成:

    enter image description here

定义:

  • :before选择器插入内容的选定元素的内容之前(S) 。

  • content属性用于与:before:after伪元素,以插入生成的内容。

0

标签:前{内容:值}

手段把内容的价值标签之前

和 “\ f0a6” 是指在你的情况下,handup的手图标

图标将显示在列表之前按钮

相关问题