html - cssのコンテンツプロパティを使用してhtml特殊文字(右矢印)を追加するには?

Question

コードを使用してhtml特殊文字を追加しようとしています。div 内で使用すると正常に動作しますが、css を使用してこれを行うにはどうすればよいですか。

以下のようにしてみました。

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

デモ

編集

私が欲しかったのはマット・ボールの答えにはありません。右矢印のコードが欲しかったのですが、その質問には下矢印のコードしかありません。したがって、重複していません。

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'
}