Не могу вставить символ utf-8 в HTML

Question

В интернете написано что надо вставить код символа после значения "content: ", что я собственно и сделал. Так почему же символ не появляется? (• - Жирная точка) butt_nav - Текст ссылки Код:

.butt_nav::before {
content: &#8226;        
}

Answer 1

Надо символы &# удалить и поставить обратный слеш

p {
  font-size: 70px;
  line-height: 60px;
  margin: 0;
}

p:after {
  content: '\8226';
}

<p></p>

Answer 2

# тут говорит что символ в десятичной системе счисления

&#8226;

Если символ записан как • через #x - значит он в 16-ой системе счисления

Нужно перевести в шеснадцетеричную систему и добавить \

p {
  font-size: 70px;
  line-height: 60px;
  margin: 0;
}

p:after {
  content: '\2022';
}

<p></p>

Но мне проще скопировать сам символ из таблицы и вставить как есть

p {
  font-size: 70px;
  line-height: 60px;
  margin: 0;
}

p:after {
  content: '•';
}

<p></p>

Answer 3

Если кому-то ещё интересно - в HTML разметке используется десятеричное число в формате &#8226. В CSS - шестнадцатиричное, в формате \2022. Оба числа равны, разная система счисления.

БЛОГ НА HUSL

Не могу вставить символ utf-8 в HTML

Ответы (3 шт):