自动添加»(»)到li的

时间:2009-07-20 18:29:33

标签: html css

我想在每个»元素的左侧自动添加HTML字符li(»)。

最佳做法是什么?

我希望HTML为:

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

它应显示:

» item 1
» item 2
» item 3

2 个答案:

答案 0 :(得分:229)

我发现上述答案对我不起作用,但以下情况确实如此:

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

这会使用十六进制代码代替&amp; raquo。

可以找到一个漂亮的十六进制转换器here

希望这有助于某人:)

答案 1 :(得分:0)

如果您不希望箭头显示为内容,那么为什么不去寻找CSS背景?

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