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

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

Какова будет лучшая практика?

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

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

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

» item 1
» item 2
» item 3

Ответы на вопрос(2)

чтобы стрелки отображались как контент, то почему бы не использовать CSS-фон?

li { background: url("raquo.gif") no-repeat left center; }
 21 июл. 2009 г., 16:20
Я бы пошел с{ list-style-image: url("raquo.gif") } вместо. Это специально для этой цели, и вам не придется настраивать положение контента.
 21 февр. 2012 г., 19:28
Нет никакой причины использовать здесь фоновое изображение, когда все, что вам нужно, - это простой текст. Используя выше: `content: & quot; \ 00BB & quot; является оптимальным способом получить эффект, который искал ОП.

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

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

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

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

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

 06 июл. 2013 г., 08:53
Также пришлось добавить list-style-type: none; для заключающего ul, чтобы избавиться от пули по умолчанию.
 13 февр. 2013 г., 18:23
Вы, вероятно, захотите пробел после», используйте:\00a0 для одного символьного пространства.
 06 сент. 2012 г., 13:30
Я "использовал" \ 00BB " (два пробела), чтобы помочь расположить текст вдали от «точки маркера» Может быть полезно для дальнейшего использования
 21 июн. 2011 г., 14:25
+1: это правильный ответ. Но обратите внимание, что IE6 и IE7 не поддерживают:before псевдо-селектор; возможно, именно поэтому это не сработало для вас.
 14 июн. 2012 г., 22:16
@StephRose&raquo; является сущностью HTML, а не сущностью CSS. Вы можете использовать его в HTML, но не в CSS.

Ваш ответ на вопрос