Вопрос по css, html – Автоматически добавлять & raquo; (») Ли

55

Я хочу автоматически добавить символ 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   ответа
0

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

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

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

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

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

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

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

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

Похожие вопросы