HTML中嵌套有序列表的编号

下面是一个适用于所有浏览器的示例。纯CSS方法适用于真正的浏览器（即除IE6/7之外的所有浏览器），jQuery代码用于覆盖不受支持的浏览器。这是一个SSCCE的风格，你只需复制、粘贴、运行它就可以了

&lt；！doctype html&gt；
&lt；html lang=“en”&gt；
&lt；头&gt；
&lt；标题&gt；因此，问题272927&lt/标题&gt；
&lt；脚本src=”http://code.jquery.com/jquery-latest.min.js“&gt&lt/脚本&gt；
&lt；脚本&gt；
$（文档）.ready（函数（）{
if（$（'ol:first'）.css（'list-style-type'）！='none'）{/*仅适用于IE6/7*/
$（'ol'）。每个（函数（i，ol）{
ol=$（ol）；
var level1=ol.closest（'li'）.index（）+1；
ol.子项（'li'）。每个（功能（i，li）{
li=$（li）；
变量level2=level1+'.++（li.index（）+1）；
li.前置（“&lt；span&gt；”+level2+”&lt；/span&gt；”）；
});
});
}
});
&lt/脚本&gt；
&lt；风格&gt；
html&gt/**/正文ol{/*不会由IE6/7解释*/
列表样式类型：无；
计数器复位：1级；
}
奥利：以前{
内容：柜台（一级）”；
反增量：1级；
}
奥利奥{
列表样式类型：无；
计数器复位：2级；
}
奥利：以前{
内容：柜台（一级）““柜台（二级）”；
反增量：2级；
}
ol li span{/*适用于IE6/7*/
利润率：0.5px 0-25 px；
}
&lt/风格&gt；
&lt/头&gt；
&lt；车身&gt；
&lt；ol&gt；
&lt；李&gt；第一&lt/李&gt；
&lt；李&gt；第二
&lt；ol&gt；
&lt；李&gt；第二个嵌套的第一个元素&lt/李&gt；
&lt；李&gt；第二个嵌套的第二个元素&lt/李&gt；
&lt；李&gt；第二嵌套第三元素&lt/李&gt；
&lt/ol&gt；
&lt/李&gt；
&lt；李&gt；第三&lt/李&gt；
&lt；李&gt；第四&lt/李&gt；
&lt/ol&gt；
&lt/车身&gt；
&lt/html&gt；