Автоматически добавлять & raquo; (") На li

Я хочу автоматически добавить символ HTML » (") слева от каждого элемента li.

Какая была бы лучшая практика?

Я хочу, чтобы HTML был:

<ul>
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
</ul>

И он должен отображать:

» item 1
» item 2
» item 3

Ответы

Ответ 1

Я нашел, что приведенный выше ответ не сработал у меня, но следующее:

li:before{
   content: "\00BB";
}

Вместо этого используется шестнадцатеричный код для & raquo.

Хороший шестнадцатеричный конвертер можно найти здесь.

Надеюсь, это поможет кому-то:)

Ответ 2

Если вы не хотите, чтобы стрелки отображались как содержимое, то почему бы не пойти на фон css?

li { background: url("raquo.gif") no-repeat left center; }