在ol项目html上实现子编号

Question

我不确定它的名称是什么，但有可能实现以下格式：

1

1.1

1.2

1.2.1

1.2.2

1.3

我认为这就是全部，谢谢！

Answer 1

事实上，有几个选项在稳健性和支持方面有所不同：

1. 在生成列表的代码中执行此操作。毕竟是生成的HTML。维基百科就是这样做的，例如他们的节号。
2. 您可以在页面加载后编写一些JavaScript来执行此操作。当然，无法关闭JavaScript。

3. 或者您可以转到CSS counters。如果您不需要支持从版本8开始支持的旧版IE，这可能是最佳选择。

     

   计数器是“自嵌套”的，因为重置子元素或伪元素中的计数器会自动创建计数器的新实例。这对于像HTML中的列表这样的情况很重要，其中元素可以嵌套在任意深度内。为每个级别定义唯一命名的计数器是不可能的。

        

   实施例（一个或多个）：

        

   因此，以下内容足以对嵌套列表项进行编号。结果非常类似于在LI元素上设置'display：list-item'和'list-style：inside'：

   OL { counter-reset: item }
   OL>LI { display: block }
   OL>LI:before { content: counters(item, ".") ". "; counter-increment: item }