連續有序列表

我有一個條款及細則的文件，我想在我的網站，它由在這些小標題一些小標題的子彈點的地方。連續有序列表

在HTML中，我希望將這些項目符號變成每個子部分中的有序列表，這看起來可以正常工作，但是如何執行編號以便從第一個有序列表到最後一個列表，數字從1開始，直到N？

此刻，我要爲每一個分條，開閉有序列表的標籤，所以我從來沒有一個增量清單從開始到結束。

謝謝。

2010-09-09 tonyf

給第一個有序列表一個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>

來源

2010-09-09 15:36:47

快速和優雅的解決方案，沒有多少人知道如何使用計數器 – 2010-09-09 15:40:14

喜@JacobM - 不幸的是我嘗試這樣做，是不是能夠得到這個去爲我的要求。你能夠根據我的要求在http://jsfiddle.net/上提供一個例子嗎？謝謝。 – tonyf 2010-09-16 14:22:40

是的，我的理解不完整。編輯來擴展並添加示例。 – 2010-09-16 17:36:15

這是原因之一HTML5允許start再次屬性：

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

你需要的所有如果他們更新您添加或刪除項目，但在ToC中這不應該太常見。

來源

2010-09-19 08:23:20 Ms2ger

連續有序列表

回答

相關問題