Html CSS计数器增量不递增

我有以下HTML标记

<h1>Article title</h1>
<h2>First section</h2>
<h3>First section, first subsection</h3>
<h2>Second section</h2>
<h2>Third section</h2>
<h3>Third section, first subsection</h3>
<h2>Fourth section</h2>
<h2>Fifth section</h2>
<h3>Fifth section, first subsection</h3>
<h3>Fifth section, second subsection</h3>
<h3>Fifth section, third subsection</h3>
...

增量似乎可以很好地输出：

第一节
1.1. 第一节，第一小节

第二部分

第三部分
3.1. 第三部分，第一小节

第四节

第五节

但是当它到达那里时，这些H3显示为，没有计数器增量：

5.1。第一小节
5.1. 第二小节
5.1. 第三小节

我似乎无法理解为什么它不增加那些子元素，但在顶级元素上却可以正常工作。知道为什么会这样吗

如果要查看live页面（向下滚动至标题#5）：

谢谢

---

附言：我研究过其他关于StackOverflow的类似帖子，但在这个特殊案例中没有成功。

它不起作用的原因是因为

h2

处于子级别（它有一个父级

h3

不起作用）

这项工作：

<div> <!-- h2's first parent - also h3's first parent -->
  <h2>Fifth section</h2>
  <h3>Fifth section, first subsection</h3>
  <h3>Fifth section, first subsection</h3>
</div>

<div> <!-- h2's first parent - h3's parent (not first) -->
  <h2>Fifth section</h2>

  <div>
    <h3>Fifth section, first subsection</h3>
  </div>

  <div>
    <h3>Fifth section, first subsection</h3>
  </div>
</div>

第五节
第五节第一小节
第五节第一小节

这项工作：

<div> <!-- h2's first parent - also h3's first parent -->
  <h2>Fifth section</h2>
  <h3>Fifth section, first subsection</h3>
  <h3>Fifth section, first subsection</h3>
</div>

<div> <!-- h2's first parent - h3's parent (not first) -->
  <h2>Fifth section</h2>

  <div>
    <h3>Fifth section, first subsection</h3>
  </div>

  <div>
    <h3>Fifth section, first subsection</h3>
  </div>
</div>

第五节
第五节第一小节
第五节第一小节

这并不是：

<div>
  <div> <!-- h2's first parent - wait, there's no h3s in sub-levels! -->
    <h2>Fifth section</h2>
  </div>

  <h3>Fifth section, first subsection</h3>
  <h3>Fifth section, first subsection</h3>
</div>

第五节
第五节第一小节
第五节第一小节

好吧，当我将您的确切SCS放入时，它会按预期工作，因此它可能与您未在此处显示的CSS有关。你能不能拿出一个例子来说明这个问题？你链接到的网站不算，因为1）它不是最小的；它包括许多样式表和脚本等，2）由于这显然是一项正在进行的工作，我们正在关注一个移动的目标：在我们关注它的过程中，它随时可能发生变化！很抱歉，这看起来像是一个正在进行的工作，因为它不是（除了添加更多的图像）。由于脚本和样式表的特定配置可能存在问题，我不知道如何生成一个最小的、完整的和可验证的示例。谢谢你过来！谢谢！不幸的是，我的页面生成器似乎无法处理这个问题，因为它将每个元素都封装在几个div层中，因此H2总是在一个div中，而H3总是在同一级别的各自div中。我开始讨厌这些建筑工人了。。。非常感谢您带来一些清晰的信息。我快疯了。