如何使用css的content属性添加html特殊字符(右箭头)？

Question

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

我试过以下.

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

DEMO

编辑

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

Answer 1

特殊字符与伪元素的工作方式略有不同.您不能在CSS中使用HTML实体,但可以使用Unicode十六进制转义.这是一个将特殊字符的数值转换为CSS值的工具.

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

例如&#9658需要\25BA

工作实例:

http://jsfiddle.net/L6suy/

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