visibility:hidden，display:none和CSS计数器关系实例页面

展示

代码

• HTML：

  <ol>
    <li>列表</li>
    <li class="dn">列表</li>
    <li>列表</li>
    <li>列表</li>
  </ol>
  <ol>
    <li>列表</li>
    <li class="vh">列表</li>
    <li>列表</li>
    <li>列表</li>
  </ol>

• CSS：

  .vh {
    visibility: hidden;
  }
  .dn {
    display: none;
  }
  ol {
    border: 1px solid;
    margin: 1em 0;
    counter-reset: test;
  }
  li:after {
    counter-increment: test;
    content: counter(test);
  }