gpt4 book ai didi

HTML/CSS 嵌套有序列表

转载 作者:搜寻专家 更新时间:2023-10-31 08:17:03 28 4
gpt4 key购买 nike

<分区>

-我正在尝试为 sub sub 排序列表创建 CSS。

-我还想缩进每个子列表。

- 每个标题的样式如何工作,例如1、2 和 3

HTML

<ol>
<li>Item
<ol>
<li>Item</li>
<li>Item</li>
</ol>
</li>

<li>Item
<ol>
<li>Item</li>
<li>Item
<ol>
<li>Item</li>
<li>Item</li>
</ol></li>
<li>Item</li>
<li>Item</li>
</ol>
</li>

<li>item</li>
</ol>

要实现的输出

1. Item
1.1 Item
2.2 Item

2. Item
2.1 Item
2.2 Item
2.2.1 Item
2.2.2 Item
2.3 Item
2.4 Item

3. Item

CSS

这是我目前得到的:

ol {
list-style-type: none;
counter-reset: item;
}

li:before {
content: counters(item, ".")". ";
counter-increment: item
}

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