对 HTML 中的嵌套有序列表进行编号
要对 HTML 中的嵌套有序列表进行编号,可以结合使用 CSS 和 JavaScript。这种方法在现代浏览器中一致工作,包括那些不支持高级 CSS 属性的浏览器。
CSS 方法:
ol { list-style-type: none; }
ol: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 方法(IE6/7 支持):
$('ol ol').each(function(i, ol) { ol = $(ol); ol.children('li').each(function(i, li) { li = $(li); li.prepend('<span>' + level2 + '</span>'); }); });
ol li span { margin: 0 5px 0 -25px; }
通过结合这些 CSS 和 JavaScript 技术,您可以有效地对 HTML 中的嵌套有序列表进行编号,确保在主要浏览器中保持格式一致。
以上是如何在 HTML 中对嵌套有序列表进行编号?的详细内容。更多信息请关注PHP中文网其他相关文章!