texto - CSS: luego de codificar caracteres en el contenido

li content css

Question

Estoy usando el siguiente CSS, que parece estar funcionando:

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

Sin embargo, los caracteres no parecen codificarse así, ya que el resultado 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 eso admite la codificación. ¿Algunas ideas?

Answer 1

¿Por qué quieres codificar esos personajes de todos modos? Recuerde, está escribiendo CSS, no HTML. Tu codigo:

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

es perfectamente válido, siempre que guarde el archivo con codificación UTF-8 y envíe el encabezado apropiado:

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

La codificación de caracteres solo se usa en HTML para que no exista ambigüedad entre el contenido y las etiquetas. Por lo tanto, codificaría < as < para que el navegador no piense que es el comienzo de una etiqueta. Cosas como ↓ son solo productos para personas que no saben cómo usar utf-8 (o no pueden, por el motivo que sea) :).

Answer 2

Para utilizar caracteres Unicode codificados en el content , debe proporcionar los caracteres mismos (como usted) o sus secuencias de escape UTF-8 en lugar de las entidades HTML:

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