Вопрос по css, unicode – Размещение символа Unicode в значении содержимого CSS [дубликата]

283

This question already has an answer here:

Adding HTML entities using CSS content 9 answers

У меня проблема. Я нашел HTML-код для стрелки вниз,↓ (& # X2193;)

Здорово. Теперь мне нужно использовать его в CSS следующим образом:

nav a:hover {content:"&darr";}

Это, очевидно, не будет работать с↓ является символом HTML. Похоже, меньше информации об этих «экранированных юникодах» символы, которые используются в CSS. Есть и другие символы, такие как\2020 что я нашел но стрелок нет. Какие коды стрелок?

Тебе необходимо:before или же:after для контента на работу Musa
@davecave, это фактически обратная косая черта (\). Matthew Flaschen
@Phrogz К сожалению, этот сайт не включает & quot; / & quot; в Юникоде, поэтому обычно я понятия не имею, что мне придется добавить & quot; / & quot; к коду для того, чтобы он работал в css. Теперь я знаю, что мне придется добавить & quot; / & quot; для того, чтобы это работало. davecave
Удивительный инструмент:evotech.net/articles/testjsentities.html (нет личной связи; я просто использую это) Michael_B
Простой поиск Google показалblooberry.com/indexdot/html/tagpages/entities/arrow.htm перечисление кодовых точек Unicode для множества стрелок. Phrogz

Ваш Ответ

1   ответ
431

nav a:hover:after {
    content: "↓";
}

Если это не достаточно хорошо, и вы хотите сохранить все это - ASCII:

nav a:hover:after {
    content: "\2193";
}

Общий формат символа Юникод внутри строки:\000000 в\FFFFFF & # X2013; обратный слеш, за которым следуют шесть шестнадцатеричных цифр. Вы можете опустить ведущие0 цифры, когда символ Unicode является последним символом в строке или когда вы добавляете пробел после символа Unicode. Смотрите спецификации ниже для более подробной информации.

Соответствующая часть спецификации CSS2:

Third, backslash escapes allow authors to refer to characters they cannot easily put in a document. In this case, the backslash is followed by at most six hexadecimal digits (0..9A..F), which stand for the ISO 10646 ([ISO10646]) character with that number, which must not be zero. (It is undefined in CSS 2.1 what happens if a style sheet does contain a character with Unicode codepoint zero.) If a character in the range [0-9a-fA-F] follows the hexadecimal number, the end of the number needs to be made clear. There are two ways to do that:

with a space (or other white space character): "\26 B" ("&B"). In this case, user agents should treat a "CR/LF" pair (U+000D/U+000A) as a single white space character. by providing exactly 6 hexadecimal digits: "\000026B" ("&B")

In fact, these two methods may be combined. Only one white space character is ignored after a hexadecimal escape. Note that this means that a "real" space after the escape sequence must be doubled.

If the number is outside the range allowed by Unicode (e.g., "\110000" is above the maximum 10FFFF allowed in current Unicode), the UA may replace the escape with the "replacement character" (U+FFFD). If the character is to be displayed, the UA should show a visible symbol, such as a "missing character" glyph (cf. 15.2, point 5).

Note: Backslash escapes are always considered to be part of an identifier or a string (i.e., "\7B" is not punctuation, even though "{" is, and "\32" is allowed at the start of a class name, even though "2" is not).
The identifier "te\st" is exactly the same identifier as "test".

Полный список:Символ Unicode "Стрелка вниз" (U + 2193).

Error: User Rate Limit Exceededunicode-table.com/en/sets/arrows-symbolsError: User Rate Limit Exceededcontent: "\25C0";
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceeded
Error: User Rate Limit Exceededstackoverflow.com/a/17256965/139010
Error: User Rate Limit ExceededEntity Conversion CalculatorError: User Rate Limit Exceeded

Похожие вопросы