使用 thymeleaf 循环的有序列表未连接

问：

很抱歉，如果我必须含糊其辞，因为我无法真正展示客户的要求。

我有一个堆叠的有序列表，其中显示了父项和子项的详细信息。在父部分和子部分之前，第一个项目和父子部分之后的更多项目显示不同的详细信息，但我必须将其放在同一个列表中。因此，我想要实现的是：

但我得到的是：

<ol type="a">
  <li>Coffee</li> //item without child detail

  <span class="widget-has-slot">{{the parent-child widget}}<br />
  <pre>
 &lt;li th:each="parent : ${parentChildMap}"&gt; //parent

   //parent detail

  &lt;ol&gt;                                   //child list start
   &lt;li th:each="child : ${parent.value}"&gt; //child

   //child detail

   &lt;/li&gt;                                  //child closing tag
  &lt;/ol&gt;                                  //child list end
 &lt;/li&gt;                                  //parent closing tag

<li>Water</li>  //more item without child detail
<li>Beer</li>
</ol>

我尝试使用计数器增量，但它仍然显示相同的结果。 参考：

1. https://travishorn.com/ordered-lists-in-html-a4621e17532b
2. https://www.w3schools.com/cssref/pr_gen_counter-increment.php#gsc.tab=0&gsc.q=list

目前，我正在使用 3 个不同的 ol 和起始值。一个用于第一项，一个用于百里香叶部分，另一个在百里香叶之后，它向我展示了我想要的结果，但我知道这效率不高，因为当父项数量更改时，我需要更改起始值。

<ol type="a">     // first ol
  <li>Coffee</li> //item without child detail
</ol>

  <span class="widget-has-slot">{{the parent-child widget}}<br />
  <pre>
&lt;ol type="a" start="2"&gt;                    //second ol
 &lt;li th:each="parent : ${parentChildMap}"&gt; //parent

   //parent detail

  &lt;ol&gt;                                   //child list start
   &lt;li th:each="child : ${parent.value}"&gt; //child

   //child detail

   &lt;/li&gt;                                  //child closing tag
  &lt;/ol&gt;                                  //child list end
 &lt;/li&gt;                                  //parent closing tag
&lt;/ol&gt; 

<ol type="a" start="5">   //third ol
 <li>Water</li>  //more item without child detail
 <li>Beer</li>
</ol>

如何在不手动更改起始值的情况下让它们工作？