自动添加» (»)到李的

Bra*_*rad 57 html css

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

什么是最佳做法?

我希望HTML是:

<ul>
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
</ul>
Run Code Online (Sandbox Code Playgroud)

它应该显示:

» item 1
» item 2
» item 3
Run Code Online (Sandbox Code Playgroud)

bre*_*ndo 231

我发现上面的答案对我不起作用,但以下是:

li:before{
   content: "\00BB";
}
Run Code Online (Sandbox Code Playgroud)

这使用十六进制代码代替».

这里可以找到一个很好的十六进制转换器.

希望这有助于某人:)

  • 您可能需要在`»`之后使用空格,对于单个字符空间使用:`\ 00a0`. (12认同)
  • +1:这是正确的答案.但请注意,IE6和IE7不支持`:before`伪选择器; 可能这就是为什么它不适合你. (3认同)
  • @StephRose`&raquo;`是一个HTML实体,而不是一个CSS实体.您可以在HTML中使用它,但不能在CSS中使用它. (3认同)
  • 还必须添加list-style-type:none; 为封闭的ul摆脱默认的子弹. (3认同)