CSSのコンテンツプロパティを使用してhtmlの特殊文字（右矢印）を追加するには？

Question

私はそのコードを使ってhtml特殊文字を追加しようとしています。私のdivの中で使用するとうまく動作しますが、どうすればcssを使ってこれを行うことができます。

私は以下のように試みました。

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

DEMO

EDIT

私は右矢印のコードを望んでいたし、その質問にのみ下矢印のコードがあるので私が望んでいたことはマット・ボールの答えではありません。だからそれは重複しない。

Answer 1

特殊文字は、擬似要素とは少し異なります。 CSSではHTMLエンティティを使用できませんが、Unicodeの16進エスケープを使用できます。特殊文字の数値を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