CSS: después de codificar caracteres en el contenido

Estoy usando el siguiente CSS, que parece estar funcionando:

a.up:after{content: " ↓";}
a.down:after{content: " ↑";}    

Sin embargo, los caracteres no pueden codificarse de esta manera, ya que la salida es literal y muestra la cadena real:

a.up:after{content: " ↓";}
a.down:after{content: " ↑";}   

Si no puedo codificarlo, parece que debería usar algo como .append () en jQuery, ya que admite la codificación. ¿Algunas ideas

Respuestas a la pregunta(2)

Su respuesta a la pregunta