我假设答案是“否”,但我想我会把这个问题抛给所有 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 }
关于css - 通过 CSS 从有序 <ol> 列表中删除小数?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3153019/