Añadir caracteres especiales usando la propiedad CSS content

La propiedad content nos permite añadir contenido adicional a través de CSS (mucho mejor explicado en MDN). Lo podemos utilizar para añadir prefijos o sufijos. Por ejemplo para incluir comillas en una cita o añadir el socorrido «Nuevo» en entradas de menú, secciones, etc.

Yo lo quería usar para indicar que un enlace llevaba a una página fuera del dominio. De hecho, quería usar este símbolo: ↗, para indicarlo.

Para añadir caracteres no latinos, podemos usar su valor Unicode. Así, el Unicode para ↗ es 2197 (\2197).

Para conseguir lo que pretendía, el CSS quedaría así:

a[target="_blank"]::after
{
	content: "\2197"; 
}

Deja un comentario

A %d blogueros les gusta esto: