首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >如何使用CSS自动添加<li>元素?

如何使用CSS自动添加<li>元素?
EN

Stack Overflow用户
提问于 2009-07-20 18:29:33
回答 2查看 78.9K关注 0票数 61

我想在每个li元素的左边自动添加&raquo; (»)。

最好的实践是什么?

我希望HTML是:

代码语言:javascript
复制
<ul>
  <li>item 1</li>
  <li>item 2</li>
  <li>item 3</li>
</ul>

并且它应该显示:

代码语言:javascript
复制
» item 1
» item 2
» item 3
EN

回答 2

Stack Overflow用户

发布于 2009-07-21 01:38:59

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

代码语言:javascript
复制
li:before{
   content: "\00BB";
}

它使用的是»的十六进制代码。

可以在here中找到一个很好的十六进制转换器。

希望这对某些人有帮助:)

票数 238
EN

Stack Overflow用户

发布于 2009-07-21 09:27:14

如果你不想让箭头显示为内容,为什么不选择css背景呢?

代码语言:javascript
复制
li { background: url("raquo.gif") no-repeat left center; }
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/1155128

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档