<! DOCTYPE html>
<meta charset= "UTF-8" >
<title>css counters </title>
<style type= "Text/css" >
HTML {
Color: #444;
font:16px/1.6 Microsoft Black, "Microsoft Yahei";
}
UL {
List-style:none;
Padding-left:3em;
}
. menu {
Counter-reset:chapter;
}
. menu > Li {
Counter-increment:chapter;
Counter-reset:section;
}
. menu > Li:before {
Content: "section" Counter (Chapter) "chapter";
Padding-right:. 5em;
}
. menu ul > li {
Counter-increment:section;
}
. menu ul > Li:before {
Content: "section", "Counter";
Padding-right:. 5em;
}
</style>
<body>
<div><a href= "http://www.999jiujiu.com/" >http://www.999jiujiu.com/</A></div>
<ul class= "Menu" >
<li>asp.net Tutorials
<ul>
<li> variables </li>
<li> functions </li>
<li> Objects </li>
<li> databases </li>
<li> Output </li>
</ul>
</li>
<li>java Tutorials
<ul>
<li> variables </li>
<li> functions </li>
<li> Objects </li>
<li> databases </li>
<li> Output </li>
</ul>
</li>
</ul>
</body>
CSS3 using counters to automatically add the number sequence function