【发布时间】：2009-07-20 18:29:32
【问题描述】：
我想自动将 HTML 字符 » (») 添加到每个 li 元素的左侧。
最好的做法是什么？
我希望 HTML 是：
<ul>
<li>item 1</li>
<li>item 2</li>
<li>item 3</li>
</ul>
它应该显示：
» item 1
» item 2
» item 3
【问题讨论】：
【发布时间】：2009-07-20 18:29:32
【问题描述】：
我发现上述答案对我不起作用，但以下答案对我有用：
li:before{
content: "\00BB";
}
这将使用 » 的十六进制代码。
可以在here找到一个不错的十六进制转换器。
希望这可以帮助某人:)
【讨论】：
-
+1：这是正确答案。但注意IE6和IE7不支持
:before伪选择器；可能这就是它不适合你的原因。 -
@StephRose
&raquo;是 HTML 实体，而不是 CSS 实体。您可以在 HTML 中使用它，但不能在 CSS 中使用它。 -
我使用了“\00BB”（两个空格）来帮助将文本与“要点”分开可能对将来的参考有用
-
您可能需要在
»之后有一个空格，使用：\00a0作为单个字符空格。 -
还必须添加 list-style-type: none;用于封闭的 ul 以摆脱默认项目符号。
如果您不希望箭头显示为内容，那么为什么不使用 css 背景呢？
li { background: url("raquo.gif") no-repeat left center; }
【讨论】：
-
我会选择
{ list-style-image: url("raquo.gif") }。它专门用于此目的，您无需调整内容的位置。 -
当你想要的只是简单的文本时，没有理由在这里使用背景图像。使用上述内容：`content: "\00BB" 是获得 OP 正在寻找的效果的最佳方式。