html - 如何在有序列表中隐藏元素符号编号后的点?

标签 html css

<分区>

最初,我认为我可以在 CSS 中使用 :first-letter,抛开旧版浏览器支持,但我认为 DOM 中在技术上不存在元素符号编号。假设我不打算使用元素符号列表图像或背景图像。

所以像这样:

  1. 苹果
  2. 香蕉
  3. 橘子

会变成

1 个苹果
2 根香蕉
3 个橙子

最佳答案

来自 this answer , 看来答案是:

ol { 
    counter-reset: item;
    list-style-type: none;
}
ol li { display: block; }
ol li:before { 
    content: counter(item) "  "; 
    counter-increment: item;
}

另见:http://jsbin.com/ukojo4/

关于html - 如何在有序列表中隐藏元素符号编号后的点?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4996904/

相关文章:

html - 如何创建带有固定标题的滚动表

html - Flexbox 溢出滚动条显示在主体上而不是内部元素上

html - 更改朝阳可视化箭头框的大小

javascript - 如何在重叠时改变两个圆圈的颜色?

javascript - 每次页面刷新后用户个人资料信息都会重置(使用 Hello.js)

javascript - jquery - 从表单中获取所有值并将其放入文本区域中

html - 为什么向内联 block div 添加跨度会改变它的布局?

jquery - 保持宽高比的全屏 div 中的图像

html - 当鼠标移到超链接上时,如何更改超链接的可见性?

html - 有没有办法使用固定高度容器垂直居中可变长度文本?