Nummerierung verschachtelter geordneter Listen in HTML
Um verschachtelte geordnete Listen in HTML zu nummerieren, kann eine Kombination aus CSS und JavaScript verwendet werden. Dieser Ansatz funktioniert konsistent in modernen Browsern, auch in solchen, die keine erweiterten CSS-Eigenschaften unterstützen.
CSS-Ansatz:
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-Ansatz (IE6/7-Unterstützung):
$('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; }
Durch die Kombination dieser CSS- und JavaScript-Techniken können Sie verschachtelte geordnete Listen in HTML effektiv nummerieren und so eine konsistente Formatierung in allen gängigen Browsern sicherstellen.
Das obige ist der detaillierte Inhalt vonWie nummeriere ich verschachtelte geordnete Listen in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!