css - 通过 CSS 从有序 <ol> 列表中删除小数?

标签 css html-lists

我假设答案是“否”,但我想我会把这个问题抛给所有 CSS 忍者,因为它以前曾出现过,并且当您挖掘涉及整个团队的代码时,最快乐的答案并不总是“好吧,只需重新编写代码。”

给定一个有序列表:

<ol>
    <li>...</li>
    <li>...</li>
    <li>...</li>
</ol>

是否可以删除小数点但通过 JUST CSS 保留编号,没有 javascript hackery 等?我的直觉和经验告诉我“绝对不是”,但我知道那里有一些非常有创意的类型,我想知道是否还有什么我还没有考虑过的。

更新

根据要求可能的文本示例:

转换如下所示的有序列表:

1. [...content...]
2. [...content...]
3. [...content...]

像这样:

1 [...content...]
2 [...content...]
3 [...content...]

全部使用 CSS 魔法,没有 javascript。再一次,我意识到这可能是不可能的,但你永远不知道,对吧。

最佳答案

这适用于 Firefox 3.6.6 和 Chrome 6,但不适用于 IE7 或 IE8(没有惊喜)。

OL { counter-reset: item }
LI { display: block }
LI:before { content: counter(item) " "; counter-increment: item }

参见 http://www.w3.org/TR/CSS2/generate.html#scope

关于css - 通过 CSS 从有序 <ol> 列表中删除小数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3153019/

相关文章:

html - 使用左/右对齐方式垂直对齐两个图像

html - 使用 Go 服务器时 MIme 类型不正确

css - 无法将自定义字体添加到 Rails 应用程序

html - 将鼠标悬停在列表上时如何更改链接颜色

html - 在 IE8 和 IE9 中生成额外的 <li>

html - html表格中的隐藏单元格导致行高较大

css - Bootstrap 选项卡左侧高度

css - 如何在 ul li 标签内的标签之间获得更多空间

css - 更改下拉菜单以避免长 anchor

javascript - 使用 jQuery 将 <li> 和 </li> 添加到 <ul>