在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计数器.如果您不需要支持从版本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 }