Я пытаюсь добавить специальный символ html, используя его код. Его работа отлично, когда я использую его внутри своего div, но как я могу это сделать, используя css.
Я пробовал как следует.
.right-arrow:after {
content:'►'
}
ИЗМЕНИТЬ
То, что я хотел, не существует в ответе Matt Ball, потому что мне нужен код для стрелки вправо, и в этом вопросе есть код для стрелки вниз. Поэтому его не дублируют.
Специальные символы немного отличаются от псевдоэлементов. Вы не можете использовать HTML-объекты в CSS, но вы можете использовать Unicode hex escapes. Вот инструмент для преобразования числового значения специального символа в значение CSS.
http://www.evotech.net/articles/testjsentities.html
например ► должен быть \25BA
рабочий пример:
.right-arrow:after {
content:'\25BA'
}
<div class="right-arrow">Arrow</div>
.right-arrow:before {
content:'\25BA';
}