CSS non è HTML.
è un riferimento di carattere denominato in HTML; equivalente al riferimento al carattere numerico decimale  
. 160 è il punto decimale del NO-BREAK SPACE
carattere in Unicode (o UCS-2 ; vedi la specifica HTML 4.01 ). La rappresentazione esadecimale di quel punto di codice è U + 00A0 (160 = 10 × 16 1 + 0 × 16 0 ). Lo troverai nel database dei codici Unicode e dei caratteri .
In CSS è necessario utilizzare una sequenza di escape Unicode per tali caratteri, che si basa sul valore esadecimale del punto di codice di un carattere. Quindi devi scrivere
.breadcrumbs a:before {
content: '\a0';
}
Funziona finché la sequenza di escape arriva per ultima in un valore di stringa. Se i personaggi seguono, ci sono due modi per evitare errori di interpretazione:
a) (menzionato da altri) Utilizzare esattamente sei cifre esadecimali per la sequenza di escape:
.breadcrumbs a:before {
content: '\0000a0foo';
}
b) Aggiungere un carattere spazio (ad es. spazio) dopo la sequenza di escape:
.breadcrumbs a:before {
content: '\a0 foo';
}
(Dato che f
è una cifra esadecimale, \a0f
significherebbe altrimenti GURMUKHI LETTER EE
qui, o ਏ se si dispone di un carattere adatto.)
Lo spazio bianco delimitante verrà ignorato e questo verrà visualizzato foo
, in cui lo spazio visualizzato qui sarebbe un NO-BREAK SPACE
carattere.
L'approccio con spazi bianchi ( '\a0 foo'
) presenta i seguenti vantaggi rispetto all'approccio a sei cifre ( '\0000a0foo'
):
- è più facile da scrivere , poiché gli zeri iniziali non sono necessari e non è necessario contare le cifre;
- è più facile da leggere , perché c'è uno spazio bianco tra la sequenza di escape e il testo seguente e non è necessario contare le cifre;
- esso richiede meno spazio , perché zeri iniziali non sono necessari;
- è compatibile con le versioni successive , poiché Unicode che supporta punti di codice oltre U + 10FFFF in futuro richiederebbe una modifica delle specifiche CSS.
Pertanto, per visualizzare uno spazio dopo un carattere di escape, usa due spazi nel foglio di stile -
.breadcrumbs a:before {
content: '\a0 foo';
}
- o renderlo esplicito:
.breadcrumbs a:before {
content: '\a0\20 foo';
}
Vedi CSS 2.1, sezione "4.1.3 Caratteri e caso" per i dettagli.