​x
 
<!DOCTYPE html>
<html>
<head>
<style>
ol {
  counter-reset: section;
  list-style-type: none;
}
​
li::before {
  counter-increment: section;
  content: counters(section, "-", lower-alpha) " ";
}
</style>
</head>
<body>
​
<h1>counters() 函数</h1>
​
<p>在这里，我们使用 counters() 函数在不同级别的嵌套计数器之间插入字符串：</p>
​
<ol>
  <li>项目</li>
  <li>项目   
  <ol>
    <li>项目</li>
    <li>项目</li>
    <li>项目
    <ol>
      <li>项目</li>
      <li>项目</li>
      <li>项目</li>
    </ol>
    </li>
    <li>项目</li>
  </ol>
  </li>
  <li>项目</li>
  <li>项目</li>
</ol>
​
</body>
</html>
​