应用于CSS时,有什么影响?

时间:2016-03-29 07:32:07

标签: css twitter-bootstrap

我正在读取Font-Awesome中的代码,这是一个库(根据我的理解)覆盖部分Bootstrap来修改一些代码。

有一个名为fa-twitter的类,在Font-Awesome中创建:

.fa-twitter:before {
    content: "\f099";
}

我不明白\ f在这种情况下做了什么,以及数字" 099"正在使用。我试过在Github上搜索Font-Awesome,想想也许.fa-twitter在其他地方定义,或者数字可以使用的东西,但到目前为止我还没有找到任何东西。

2 个答案:

答案 0 :(得分:8)

重要的不是\f。它的Unicode字符代码。

\f099表示It's not literal "f099" but Unicode value of "f099"

Table itself

示例:



#first:after {
  content: "\0178"
}
#second:after {
  content: "0178"
}

With "\": <i id="first"></i>
<br/>Without "\": <i id="second"></i>
&#13;
&#13;
&#13;

答案 1 :(得分:1)

不是&#39; f&#39;它是重要的内容:

如果你有这样的代码:

<p class="email">myemail@gmail.com</p>

您只需获取电子邮件地址:myemail@gmail.com

但是如果你在CSS中添加它:

.email:before {
    content: "Email: "
}

如果不对HTML进行任何更改,您将获得Email: myemail@gmail.com

在这种情况下,它会添加一个符号,由代码F099表示。换句话说,推特鸟:enter image description here