Wie HTML-Sonderzeichen (Pfeil nach rechts) mit Inhaltseigenschaft von CSS hinzufügen?

Question

Ich versuche, HTML-Sonderzeichen mit seinem Code hinzuzufügen. Es funktioniert gut, wenn ich es in meinem div verwende, aber wie kann ich das mit CSS tun.

Ich habe versucht, wie folgt. nur Code für Pfeil nach unten

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

DEMO

EDIT

Was ich in Matt Ball Antwort ist nicht da wollte, weil ich Code für Pfeil nach rechts und in dieser Frage ist es wollte. Also ist es nicht doppelt.

Answer 1

Sonderzeichen funktionieren bei Pseudoelementen etwas anders. Sie können keine HTML-Entitäten in CSS verwenden, aber Sie können Hexadezimal-Unicode-Escapes verwenden. Hier ist ein Werkzeug, um den numerischen Wert des Sonderzeichens in den CSS-Wert zu konvertieren.

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

zum Beispiel &#9658 benötigt \25BA

Arbeitsbeispiel sein:

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