我有一个条款及细则的文件,我想在我的网站,它由在这些小标题一些小标题的子弹点的地方。连续有序列表
在HTML中,我希望将这些项目符号变成每个子部分中的有序列表,这看起来可以正常工作,但是如何执行编号以便从第一个有序列表到最后一个列表,数字从1开始,直到N?
此刻,我要为每一个分条,开闭有序列表的标签,所以我从来没有一个增量清单从开始到结束。
谢谢。
我有一个条款及细则的文件,我想在我的网站,它由在这些小标题一些小标题的子弹点的地方。连续有序列表
在HTML中,我希望将这些项目符号变成每个子部分中的有序列表,这看起来可以正常工作,但是如何执行编号以便从第一个有序列表到最后一个列表,数字从1开始,直到N?
此刻,我要为每一个分条,开闭有序列表的标签,所以我从来没有一个增量清单从开始到结束。
谢谢。
给第一个有序列表一个CSS样式,其中包括counter-reset: chapter
,并给所有后续的有序列表一个样式,其中包括counter-increment: chapter
。
编辑补充: 这里我的理解是不完整的。 “计数器”内容仅适用于插入生成内容的CSS“内容”属性。所以解决方案需要使用该属性。不幸的是,仅支持在Internet Explorer版本开始,8
<html>
<style type="text/css">
#firstList {
counter-reset: chapter;
}
li{
list-style-type:none;
counter-increment: chapter;
}
li:before {
content:counter(chapter) ". ";
}
</style>
<ul id="firstList">
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>
<p>intermediate text</p>
<ul>
<li>fourth item</li>
<li>fifth item</li>
<li>sixth item</li>
</ul>
</html>
这是原因之一HTML5允许start
再次属性:
<h1>1</h1>
<ol>
<li>...
<li>...
<li>...
</ol>
<h1>2</h1>
<ol start=4>
<li>...
<li>...
<li>...
</ol>
你需要的所有如果他们更新您添加或删除项目,但在ToC中这不应该太常见。
快速和优雅的解决方案,没有多少人知道如何使用计数器 – 2010-09-09 15:40:14
喜@JacobM - 不幸的是我尝试这样做,是不是能够得到这个去为我的要求。你能够根据我的要求在http://jsfiddle.net/上提供一个例子吗?谢谢。 – tonyf 2010-09-16 14:22:40
是的,我的理解不完整。编辑来扩展并添加示例。 – 2010-09-16 17:36:15