CSS это не HTML. ссылка
на именованный символ в HTML; эквивалентно десятичной числовой ссылке на символ  
. 160 является десятичной точкой код из NO-BREAK SPACE
символа в Unicode (или UCS-2 , см HTML 4.01 Specification ). Шестнадцатеричное представление этой кодовой точки - U + 00A0 (160 = 10 × 16 1 + 0 × 16 0 ). Вы найдете это в диаграммах кодов Unicode и базе данных символов .
В CSS вам необходимо использовать escape-последовательность Unicode для таких символов, которая основана на шестнадцатеричном значении кодовой точки символа. Так что вам нужно написать
.breadcrumbs a:before {
content: '\a0';
}
Это работает до тех пор, пока escape-последовательность стоит последней в строковом значении. Если символы следуют, есть два способа избежать неправильной интерпретации:
а) (упомянуто другими) Используйте ровно шесть шестнадцатеричных цифр для escape-последовательности:
.breadcrumbs a:before {
content: '\0000a0foo';
}
б) Добавьте один пробел (например, пробел) после escape-последовательности:
.breadcrumbs a:before {
content: '\a0 foo';
}
(Поскольку f
это шестнадцатеричная цифра, \a0f
в противном случае это означало бы GURMUKHI LETTER EE
здесь, или ਏ, если у вас есть подходящий шрифт.)
Разделительный пробел будет игнорироваться, и он будет отображаться foo
, где отображаемое пространство здесь будет NO-BREAK SPACE
символом.
Подход пробела ( '\a0 foo'
) имеет следующие преимущества перед подходом из шести цифр ( '\0000a0foo'
):
- его легче набирать , потому что начальные нули не нужны, а цифры не нужно считать;
- его легче читать , потому что между escape-последовательностью и последующим текстом есть пробел, и цифры не нужно считать;
- это требует меньше места , потому что ведущие нули не нужны;
- он совместим вверх , потому что Unicode, поддерживающий кодовые точки за пределами U + 10FFFF, в будущем потребует модификации спецификации CSS.
Таким образом, чтобы отобразить пробел после экранированного символа, используйте два пробела в таблице стилей:
.breadcrumbs a:before {
content: '\a0 foo';
}
- или сделайте это явным:
.breadcrumbs a:before {
content: '\a0\20 foo';
}
См. CSS 2.1, раздел «4.1.3 Символы и регистр» для получения подробной информации.