提问人:user33814 提问时间:9/20/2023 更新时间:9/20/2023 访问量:24
嵌套 HTML 有序列表从 1.1 开始
Nested HTML Ordered List starting with 1.1
问:
(警告:我对 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 编号系统。任何帮助都会受到极大的赞赏。
弗兰克
答:
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>
评论