嵌套 HTML 有序列表从 1.1 开始

Nested HTML Ordered List starting with 1.1

提问人:user33814 提问时间:9/20/2023 更新时间:9/20/2023 访问量:24

问:

(警告:我对 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 编号系统。任何帮助都会受到极大的赞赏。

弗兰克

HTML 列表

评论


答:

0赞 SeanK 9/20/2023 #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>