Html 定制<;ol>;用节号编号
我在大纲中有几个项目,每个项目都有类似格式的章节号 例: 有没有办法让我的有序列表识别“1.1.1”(和“2.1.1”等)作为起点 因此,发布列表如下所示:Html 定制<;ol>;用节号编号,html,html-lists,Html,Html Lists,我在大纲中有几个项目,每个项目都有类似格式的章节号 例: 有没有办法让我的有序列表识别“1.1.1”(和“2.1.1”等)作为起点 因此,发布列表如下所示: 1.1.1 mumbo jumbo 1.1.2 blah blah 1.1.3 something something 使用如下内容作为HTML: <ol start="1.1.1"> <li>mumbo jumbo <li>blah blah <li>something som
1.1.1 mumbo jumbo
1.1.2 blah blah
1.1.3 something something
使用如下内容作为HTML:
<ol start="1.1.1">
<li>mumbo jumbo
<li>blah blah
<li>something something
</ol>
胡言乱语
废话
什么东西
这在本机HTML/CSS中可能吗?显然,上面的HTML不起作用(迭代器恢复为1、2、3) 看到这个了吗
您可以使用CSS计数器
属性执行此操作
HTML
<ol class="custom">
<li>mumbo jumbo</li>
<li>blah blah</li>
<li>something something</li>
</ol>
阅读中有关计数器的更多信息
这是W3Schools的计数器的一个例子。我发现了一个类似的问题
<ol class="custom">
<li>mumbo jumbo</li>
<li>blah blah</li>
<li>something something</li>
</ol>
.custom {
counter-reset: custom;
}
.custom li {
list-style-type: none;
}
.custom li::before {
counter-increment: custom;
content:"1.1." counter(custom)" ";
}