如何使用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'
}

Answer 2

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

See Demo Here