Я хочу автоматически добавить символ HTML » (") слева от каждого элемента li.
Какая была бы лучшая практика?
Я хочу, чтобы HTML был:
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>
И он должен отображать:
» item 1
» item 2
» item 3
Я нашел, что приведенный выше ответ не сработал у меня, но следующее:
li:before{
content: "\00BB";
}
Вместо этого используется шестнадцатеричный код для & raquo.
Хороший шестнадцатеричный конвертер можно найти здесь.
Надеюсь, это поможет кому-то:)
Если вы не хотите, чтобы стрелки отображались как содержимое, то почему бы не пойти на фон css?
li { background: url("raquo.gif") no-repeat left center; }