我有这个清单:
<ol start="0">
<li>Tokyo Skytree</li>
<li>Canton Tower</li>
<li>CN Tower</li>
<li>Ostankino Tower</li>
<li>Oriental Pearl Tower</li>
</ol>
这显示了这样的内容:
1. Tokyo Skytree
2. Canton Tower
3. CN Tower
4. Ostankino Tower
5. Oriental Pearl Tower
现在我想要的是这样的东西:
[1] Tokyo Skytree
[2] Canton Tower
[3] CN Tower
[4] Ostankino Tower
[5] Oriental Pearl Tower
理想情况下,我想要一个从 0 开始的数组,例如:
[0] = Tokyo Skytree
[1] = Canton Tower
[2] = CN Tower
[3] = Ostankino Tower
[4] = Oriental Pearl Tower
我读过关于CSS 编号样式 http://css-tricks.com/numbering-in-style/ and CSS 列出 W3C 草案 http://dev.w3.org/csswg/css-lists/#predefined-counters但我无法找出有效的解决方案。
你可以这样做:
ol {
counter-reset: o-counter -1;
list-style-type: none;
}
ol li:before {
content: '[' counter(o-counter) '] = ';
counter-increment: o-counter;
}
http://jsfiddle.net/userdude/Fb3ab/2/ http://jsfiddle.net/userdude/Fb3ab/2/
请记住o-counter
(或者无论你怎么称呼它)需要在父母身上UL
/OL
让它增加。并且,IE7也不支持这个。
更多信息:
- http://www.w3.org/TR/CSS21/generate.html#counters http://www.w3.org/TR/CSS21/generate.html#counters
- http://css-infos.net/property/content http://css-infos.net/property/content
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)