<style type="text/css">
ul {
list-style: none;
text-align:left;
}
.menu {
counter-reset: chapter;
}
.menu > li {
counter-increment: chapter;
counter-reset: section;
}
.menu > li:before {
content: "第" counter(chapter) "章";
padding-right: .5em;
}
.menu ul > li {
counter-increment: section;
}
.menu ul > li:before {
content: "第" counter(section) "节";
padding-right: .5em;
}
</style>
<ul class="menu">
<li>ASP教程
<ul>
<li>变量</li>
<li>函数</li>
<li>对象</li>
<li>数据库</li>
<li>输出</li>
</ul>
</li>
<li>PHP教程
<ul>
<li>PHP变量</li>
<li>PHP函数</li>
<li>对象</li>
<li>PHP数据库</li>
<li>输出</li>
</ul>
</li>
</ul>