CodePen Embed - counter level

<ol>
<li >第一層
  <ol> 
    <li>第二層
      <ol>
        <li>第三層</li>
        <li>第三層</li>
        <li >第三層</li>
      </ol>
    </li>
    <li>第二層</li>
    <li>第二層</li>
  </ol>
</li>
<li>第一層
  <ol>
    <li>第二層</li>
    <li>第二層</li>
  </ol>
</li>
</ol>

ol{
  counter-reset:num;
  list-style-type: none;
}
li:before{
  content:counters(num, ".") "：";
  counter-increment:num; 
}

This Pen is owned by deathhell on CodePen.

See more by @deathhell on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.