Css html entity

Я пытаюсь добавить объект html (→ →), используя css, когда ссылка зависает со следующим css:

#menu1 a:hover:after {
  content: "→";
}

Но вывод - это просто → вместо →. Такая же проблема возникает при использовании десятичной (8594) или сущности (rarr).

Как включить объект HTML с помощью css?

+7
05 авг. '12 в 5:23
источник поделиться
3 ответа
#menu1 a:hover:after {
  content:"\2192 ";
}​

Рабочий пример: http://jsfiddle.net/wCzUf/
Подробнее - Можете ли вы использовать HTML-объекты в свойстве CSS-содержимого? Список объектов HTML - http://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references

+14
05 авг. '12 в 5:27
источник

Это зависит от того, как вы включаете CSS в свой HTML файл. Внутри встроенной таблицы стилей объект должен работать.

Если у вас есть внешняя таблица стилей, вы не можете использовать объекты HTML. Просто поставьте сам символ ("→"), правильно закодированный с помощью кодировки .css файла. В качестве альтернативы вы можете использовать escape-последовательность Unicode, в вашем случае "\2192" (шестнадцатеричное значение 8594).

+2
05 авг. '12 в 5:26
источник

Это было уже ответили в другом вопросе. В соответствии с решением вам нужно использовать экранированный Unicode в свойстве содержимого CSS.

#menu1 a:hover:after {
  content: "\002192";  
}
+1
05 авг. '12 в 5:35
источник

Посмотрите другие вопросы по метке или Задайте вопрос