Símbolo de copyright en CSS: después de Pseudo-Elemento

1 minuto de lectura

avatar de usuario
jstm88

RESUELTO – usó \00a9 en vez de ©

Bastante autoexplicativo:

body:after {
    content: "© me";
    /* other formatting */
}

En HTML, el © secuencia inserta un carácter de copyright. ¿Se puede hacer esto en CSS Pseudo-Elements como estoy tratando de hacer aquí?

  • posible duplicado de CSS: después de codificar caracteres en el contenido

    – Peka

    14/10/2011 a las 16:18

CSS no usa entidades de HTML; utiliza sus propias secuencias de escape Unicode.

necesitas usar \00a9 para el símbolo de derechos de autor.

body:after {
  content:"\00a9 me";
}

Vea aquí una tabla de hoja de trucos que muestra casi todas las entidades/cadenas Unicode que necesitaría: http://www.evotech.net/blog/2007/04/named-html-entities-in-numeric-order/

  • Acabo de encontrar mi respuesta a una pregunta similar que dice lo mismo. Ahora me siento realmente estúpido por haber respondido a esta de manera diferente. stackoverflow.com/questions/5030551/…

    – BoltClock

    14/10/2011 a las 16:17


  • la URL está muerta. Consulta aquí la lista: css-tricks.com/snippets/html/glyphs

    – Cirilo Mestrom

    30 de junio de 2016 a las 11:43

  • La hoja de trucos proporcionada no hacía referencia a mis símbolos. Este convertidor hizo el truco: r12a.github.io/apps/conversion pegue el código en el cuadro superior, presione convertir y tome el valor debajo css.

    – Kiee

    28 de julio de 2016 a las 10:16


  • ¡La hoja de trucos ni siquiera proporcionó un signo de exclamación estándar! ¿Puedo sugerir usar el siguiente enlace? tabla-unicode.com

    – Neil

    13 de septiembre de 2017 a las 9:06

¿Ha sido útil esta solución?