如何在HTML中實現嵌套有序列表的連續編號？

在HTML 中對巢狀有序列表進行編號

在HTML 中建立巢狀有序列表時，巢狀元素通常會從1 開始重新編號。要實現連續編號，請執行以下操作這些步驟：

CSS 方法（對於現代瀏覽器）

1. 在 中在HTML 部分，新增以下樣式：

html>/**/body ol {
    list-style-type: none;
    counter-reset: level1;
}

ol li:before {
    content: counter(level1) ". ";
    counter-increment: level1;
}

ol li ol {
    list-style-type: none;
    counter-reset: level2;
}

ol li ol li:before {
    content: counter(level1) "." counter(level2) " ";
    counter-increment: level2;
}

jQuery Approach (for IE6/7)

1. 將jQuery 庫包含在部分：

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

2. 將以下腳本加入 的末端部分：

$(document).ready(function() {
    if ($('ol:first').css('list-style-type') != 'none') { 
        $('ol ol').each(function(i, ol) {
            ol = $(ol);
            var level1 = ol.closest('li').index() + 1;
            ol.children('li').each(function(i, li) {
                li = $(li);
                var level2 = level1 + '.' + (li.index() + 1);
                li.prepend('<span>' + level2 + '</span>');
            });
        });
    }
});

以上是如何在HTML中實現嵌套有序列表的連續編號？的詳細內容。更多資訊請關注PHP中文網其他相關文章！