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";
}