css 为什么Edge和Firefox中的标签编号有两种不同的结果< dl>？

zxlwwiss 于 2023-05-23 发布在其他

关注(0)|答案(1)|浏览(101)

以下代码段在Edge和Firefox中产生不同的结果：

dd {
  display: list-item;
  list-style-position: inside;
  list-style-type: decimal;
  counter-increment: 1;
}

<ul>
  <li>A</li>
  <li>B</li>
  <li>C</li>
</ul>
<dl>
  <dt>Title</dt>
  <dd>One</dd>
  <dd>Two</dd>
  <dd>Three</dd>
</dl>

在Edge中，<dl>列表正确地从索引1开始。而Firefox则是4。
删除<dl>标记上方的<ul>节点后，<dd>标记的编号从1开始。我不知道为什么会这样
我希望<dd>标签在Firefox中从位置1开始。我该怎么办？

1条答案

看起来Firefox对UL中的LI和DL中的DD使用了相同的计数器-但没有在DL元素级别重置它。
尝试添加dl { counter-reset: list-item; }