2010-09-09 88 views
1

我有一个条款及细则的文件,我想在我的网站,它由在这些小标题一些小标题的子弹点的地方。连续有序列表

在HTML中,我希望将这些项目符号变成每个子部分中的有序列表,这看起来可以正常工作,但是如何执行编号以便从第一个有序列表到最后一个列表,数字从1开始,直到N?

此刻,我要为每一个分条,开闭有序列表的标签,所以我从来没有一个增量清单从开始到结束。

谢谢。

回答

4

给第一个有序列表一个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> 
+0

快速和优雅的解决方案,没有多少人知道如何使用计数器 – 2010-09-09 15:40:14

+0

喜@JacobM - 不幸的是我尝试这样做,是不是能够得到这个去为我的要求。你能够根据我的要求在http://jsfiddle.net/上提供一个例子吗?谢谢。 – tonyf 2010-09-16 14:22:40

+0

是的,我的理解不完整。编辑来扩展并添加示例。 – 2010-09-16 17:36:15

1

这是原因之一HTML5允许start再次属性:

<h1>1</h1> 
<ol> 
    <li>... 
    <li>... 
    <li>... 
</ol> 
<h1>2</h1> 
<ol start=4> 
    <li>... 
    <li>... 
    <li>... 
</ol> 

你需要的所有如果他们更新您添加或删除项目,但在ToC中这不应该太常见。