CSS如何添加新的伪内容

时间:2014-08-25 11:54:06

标签: css pseudo-element pseudo-class

.newclass {
    content: "\00A9";
}

在上面的代码中,会显示一个版权图标。我有一个问题和要求。

问题 - 这个图标来自哪里?来自我的电脑,互联网或其他方式的任何图像。

要求 - 如果我必须引入新代码,并为该代码关联一个新图标,该怎么做?

2 个答案:

答案 0 :(得分:1)

它是一个unicode转义序列, 在这里你可以找到一些例子:

http://css-tricks.com/snippets/html/glyphs/

答案 1 :(得分:0)

这些与伪元素一起使用并且是unicode字符。 http://codepen.io/anon/pen/EFAtk

这里有一个列表:http://unicode-table.com/en/

HTML测试

 ©
<p> &#64;
<a href="http://unicode-table.com/en/">http://unicode-table.com/en/</a></p>

CSS测试

:before {
color:red;
}
body:before {
    content: "\00A9";
}
p:before {
  content:'\0040';
}