CSS: después de codificar caracteres en el contenido

Question

Estoy utilizando el siguiente CSS, lo que parece estar funcionando: sin embargo parece que no puede ser codificado como esto

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

Los personajes, como la salida es literal y muestra la real cadena:

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

Si no puedo codificar, se siente como si tuviera que usar algo como .Append() en jQuery, ya que es compatible con la codificación. ¿Algunas ideas?

Answer 1

Para utilizar caracteres Unicode codificados en content necesita proporcionar o bien los propios personajes (como lo hace), o sus secuencias de escape UTF-8 en lugar de las entidades HTML:

a.up:after { content: " \2193"; } 
a.down:after { content: " \2191"; } 

Answer 2

¿Por qué quieres para codificar esos personajes de todos modos? Recuerde, está escribiendo CSS, no HTML. Su código:

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

es perfectamente válido, siempre y cuando se guarda el archivo con codificación UTF-8 y enviar la cabecera apropiada:

Content-Type: text/css; charset=utf-8 

caracteres de codificación sólo se utiliza en HTML para que haya sin ambigüedad entre el contenido y las etiquetas. Por lo tanto, codificaría < como < para que el navegador no crea que sea el comienzo de una etiqueta. Cosas como ↓ son solo productos básicos para las personas que no saben cómo usar utf-8 (o no pueden, por el motivo que sea) :).