从 1.1 开始的嵌套 HTML 有序列表

Question

（警告：我对 HTML 编码还比较陌生......）

我希望我的嵌套 HTML 有序列表如下所示：

1.1 Authorization and Authentication
    1.1.1   Bla Blaa Bla
    1.1.2   More bla bla
    1.1.3   almost Final Bla bla bla            
       A    detail 1            
       B    detail 2            
       C    detail 3
    1.1.4   Final Bla
    
1.2 Acceptable Use
    1.2.1   Do this
    1.2.3   Do that

请注意，我从 1.1 而不是 1 开始。这可能吗？根据我的研究，我需要一个 css 文件来放入一些代码，这将为我提供 1.2.3 编号系统。任何帮助将不胜感激。

弗兰克

Answer 1

您实际上可以在列表项之前放置您想要的任何内容！如果您通过 JavaScript 生成 html（或通过 JavaScript 修改它），那么您可以执行以下操作：

li::before {
  display: inline-block;
  content: attr(value);
  counter-increment: item;
  margin-right: 2px;
}
ol {
  counter-reset: item;
  margin-left: 0;
  padding-left: 0;
}
li {
  display: block;
  margin-bottom: .5em;
}

<ol>
  <li value="test :)">First</li>
  <li value="1.1">Second</li>
  <li value="2.2.2">Third</li>
</ol>