Question

我有一个条款和条件文件，我想放在我的网站上，该文件包含许多在这些小标题下带有项目符号的子标题。

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

目前，我必须为每个子部分创建一个打开和关闭的有序列表标记，所以我从来没有从头到尾的增量列表。

感谢。

Answer 1

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

编辑添加：我在这里的理解并不完整。 “计数器”内容仅适用于插入生成内容的CSS“content”属性。因此解决方案需要使用该属性。不幸的是，只有从版本8开始的Internet Explorer支持。

<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>

Answer 2

这是HTML5再次允许start属性的原因之一：

<h1>1</h1>
<ol>
  <li>...
  <li>...
  <li>...
</ol>
<h1>2</h1>
<ol start=4>
  <li>...
  <li>...
  <li>...
</ol>

如果您添加或删除项目，则需要更新它们，但在ToC中这不应该太常见。

连续有序列表

2 个答案: