Numérotation des listes ordonnées imbriquées en HTML
Pour numéroter les listes ordonnées imbriquées en HTML, une combinaison de CSS et de JavaScript peut être utilisée. Cette approche fonctionne de manière cohérente dans les navigateurs modernes, y compris ceux qui ne prennent pas en charge les propriétés CSS avancées.
Approche 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; }
Approche jQuery (prise en charge 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; }
En combinant ces techniques CSS et JavaScript, vous pouvez numéroter efficacement des listes ordonnées imbriquées en HTML, garantissant ainsi un formatage cohérent dans les principaux navigateurs.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!