CSS no es HTML.
es una referencia de caracteres con nombre en HTML; equivalente a la referencia de caracteres numéricos decimales  
. 160 es el punto de código decimal del NO-BREAK SPACE
carácter en Unicode (o UCS-2 ; consulte la especificación HTML 4.01 ). La representación hexadecimal de ese punto de código es U + 00A0 (160 = 10 × 16 1 + 0 × 16 0 ). Lo encontrará en las tablas de códigos Unicode y la base de datos de caracteres .
En CSS, debe utilizar una secuencia de escape Unicode para dichos caracteres, que se basa en el valor hexadecimal del punto de código de un carácter. Entonces necesitas escribir
.breadcrumbs a:before {
content: '\a0';
}
Esto funciona siempre que la secuencia de escape sea la última en un valor de cadena. Si siguen los caracteres, hay dos formas de evitar interpretaciones erróneas:
a) (mencionado por otros) Use exactamente seis dígitos hexadecimales para la secuencia de escape:
.breadcrumbs a:before {
content: '\0000a0foo';
}
b) Agregue un carácter de espacio en blanco (por ejemplo, espacio) después de la secuencia de escape:
.breadcrumbs a:before {
content: '\a0 foo';
}
(Dado que f
es un dígito hexadecimal, de \a0f
lo contrario significaría GURMUKHI LETTER EE
aquí, o ਏ si tiene una fuente adecuada).
El espacio en blanco delimitador será ignorado, y esto se mostrará foo
, donde el espacio mostrado aquí sería un NO-BREAK SPACE
carácter.
El enfoque de espacio en blanco ( '\a0 foo'
) tiene las siguientes ventajas sobre el enfoque de seis dígitos ( '\0000a0foo'
):
- es más fácil escribir , porque los ceros a la izquierda no son necesarios y no es necesario contar los dígitos;
- es más fácil de leer , porque hay un espacio en blanco entre la secuencia de escape y el siguiente texto, y no es necesario contar los dígitos;
- que requiere menos espacio , ya que los ceros iniciales no son necesarios;
- es compatible hacia arriba , porque los puntos de código de soporte Unicode más allá de U + 10FFFF en el futuro requerirían una modificación de la especificación CSS.
Por lo tanto, para mostrar un espacio después de un carácter escapado, use dos espacios en la hoja de estilo:
.breadcrumbs a:before {
content: '\a0 foo';
}
- o hacerlo explícito:
.breadcrumbs a:before {
content: '\a0\20 foo';
}
Consulte CSS 2.1, sección "4.1.3 Caracteres y mayúsculas y minúsculas" para más detalles.