如何使用CSS自动添加»()到< li>元素？

y3bcpkx1 于 2022-12-24 发布在其他

关注(0)|答案(2)|浏览(145)

我想自动将HTML字符»（）添加到每个li元素的左侧。
最佳做法是什么？
我希望HTML为：

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

它应该显示：

» item 1
» item 2
» item 3

2条答案

我发现上面的答案对我不起作用，但下面的答案起作用了：

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

这将使用十六进制代码表示&raquo。
here是一个很好的十六进制转换器。

如果你不希望箭头显示为内容，那么为什么不选择css背景呢？

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