如何使用CSS的内容属性添加html特殊字符（右箭头）？

我正在尝试使用其代码添加html特殊字符。 它的工作正常，当我在我的div中使用它，但我怎么能做到这一点使用CSS。

我已经尝试如下。

.right-arrow:after { content:'&#9658' } 

DEMO

编辑

我想要的不是Matt Ball的答案，因为我想要右箭头的代码，在这个问题中只有向下箭头的代码。 所以它不重复。

Answer 1

特殊字符与伪元素有一点不同。 您不能在CSS中使用HTML实体，但可以使用Unicodehex转义符。 这是一个将特殊字符的数值转换为CSS值的工具。

http://www.evotech.net/articles/testjsentities.html

例如&#9658需要是\25BA

工作示例：

http://jsfiddle.net/L6suy/

 .right-arrow:after { content:'\25BA' } 

Answer 2

 <div class="right-arrow">Arrow</div> .right-arrow:before { content:'\25BA'; } 

在这里看演示