gpt4 book ai didi

html - 连续有序列表

转载 作者:行者123 更新时间:2023-12-02 01:21:31 25 4
gpt4 key购买 nike

我想将条款和条件文档放置在我的网站中,该文档由许多子标题组成,这些子标题下有项目符号点。

在 HTML 中,我想将这些项目符号点放入每个子部分中的有序列表中,这似乎工作正常,但是我如何进行编号,以便从第一个有序列表到最后一个有序列表,数字从 1 开始一直到 N?

目前,我必须为每个子部分创建一个打开和关闭的有序列表标记,因此我从开始到结束都没有增量列表。

谢谢。

最佳答案

为第一个有序列表指定包含 counter-reset:chapter 的 CSS 样式,并为所有后续有序列表指定包含 counter-increment:chapter 的样式。

编辑添加:我在这里的理解并不完整。 “计数器”内容仅适用于 CSS“内容”属性,该属性会插入生成的内容。所以解决方案需要使用该属性。不幸的是,仅 Internet Explorer 从版本 8 开始支持该功能。

<html>
<style type="text/css">

#firstList {
counter-reset: chapter;
}
li{
list-style-type:none;
counter-increment: chapter;
}
li:before {
content:counter(chapter) ". ";
}
</style>
<ul id="firstList">
<li>first item</li>
<li>second item</li>
<li>third item</li>
</ul>
<p>intermediate text</p>
<ul>
<li>fourth item</li>
<li>fifth item</li>
<li>sixth item</li>
</ul>
</html>

关于html - 连续有序列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3678025/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com