利用css實現多級計數，比如1/1.1/1.1.1這種層層巢狀的計數，主要利用到counter-reset/counter-increment/counter/content/：before。
一、標題類多級計數，比如下面的效果：
css**如下：
bodyh1h2h1:beforeh2:beforeh3:before總結說明：
1、在每一級標題的上級（父元素），比如h1的上級為body，那麼在body上重置body下的所有計數器，h2的上級為h1，在h1上重置h1子元素的所有計數器。
2、在每一層的:before偽類上遞增該層計數器，比如h1的計數器為chapter，那麼遞增該計數器，可接受第二個引數表示步長，預設為1.
3、在每一層的:before偽類上利用content和counter（計數器）顯示從h1到該層的計數器，使用「.」分隔，也可以使用其他的分隔符，比如空格或者「-」。
4、counter（計數器，type）第二個引數是list-style-type的關鍵字，預設為decimal。cjk-ideographic將顯示為一二三這種形式。
二、巢狀的多級列表實現多級計數
形如以下的結構：
<正常顯示如下：ol>
<
li>緒論
li>
<
li>
正文
<
ol>
<
li>正文一
li>
<
li>正文二
li>
<
li>
正文三
<
ol>
<
li>正文三內容一
li>
<
li>正文三內容二
li>
<
li>正文三內容三
li>
ol>
li>
<
li>
正文四
<
ol>
<
li>正文四內容一
li>
<
li>正文四內容二
li>
<
li>正文四內容三
li>
ol>
li>
ol>
li>
<
li>總結
li>
ol>
如果為每個ol建乙個類或者id，利用上面的方法也可以實現多級計數。但是有一種更快捷的方法。
css**如下：
olli:before效果如下：
總結說明：
1、根據css權威指南，計數器具有作用域的概念，每層巢狀都會為給定計數器建立乙個新的作用域，即每層都建立了乙個新的ordered例項。
2、counters（ordered，「.」）將把各作用域的ordered計數器串起來，以.相連。可接受第三個引數，為list-style-type關鍵字，每層顯示樣式都會變為關鍵字規定樣式。
3、要為每層應用不同的關鍵字樣式，可能還是需要用方法一。
修改文件框架 word 多級列表與標題樣式相結合
設定標題的時候希望出現多標題並且自動編號的標題，如下 1.xx 1.1 xx 1.2 xx 1.3 xx 2 xx 2.1 xx 2.2 xx 2.2.1 xx 2.2.2 xx 2.3 xx 3 xx 3.1 xx 3.2 xx 這就需要設定多級列表。首先點選選單欄的 開始 多級列表 點開 多級列...
標題顯示的多級聯動
當我們製作選單欄選擇時，選定乙個屬性然後選擇下乙個屬性，最後進行聯動 中國 四川 成都 金牛區 注 中國是一級父目錄 1 首先通過一級父目錄獲取省級的id 通過pid的當前i的，獲取當前pid下的所屬級別的地區資訊 function getdatabypid parent id datatype j...
多級下拉列表的JavaScript
這是乙個開發人員非常重要的一點。在大多數類似的指令碼，選單項和相應的html 是由指令碼往往晦澀難懂的 生成。這對開發者嚴格的限制。其中兩個最顯著是 整合這個選單到web伺服器 和難度來指定自定義外觀 也往往只有一種可能性，從硬編碼的主題，數量有限，選擇其中之一 的難度 值得一提所謂的下拉列表建設者...