以下代码片段在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> node 后,<dd>个标签的编号从1开始.我不知道为什么会发生这种情况.

我希望<dd>个标签从Firefox中的位置1开始.我该怎么办?

推荐答案

看起来Firefox对UL中的LI和DL中的DD使用了相同的计数器--但没有在DL元素级别上重置它.

try 添加dl { counter-reset: list-item; }

Html相关问答推荐

弹性项在主轴方向溢出

如何让一个动态列表以网格方式水平显示

删除第一个列表项上的左边框

带有多种 colored颜色 的HTML按钮

MatSnackBar: colored颜色 不起作用

禁用的文本区域会丢失换行符

多次使用组件时计数Angular 14中嵌套数组的指令

Swift 以编程方式在 YouTube 嵌入视频中进入全屏

如何修剪 flex: 1 内的垂直文本?

为什么 html 元素的 max-width 和 width 一起工作?

无法在 CSS 中将 h1 标签居中

如何使用html css将图像显示为附加形状

SVG 填充 colored颜色 不使用轮廓填充空白区域

Cargo 在网格中的排列

Mediawiki css/html 信息框创建空白行

本地 css 样式表未链接

变换元素以适应高度(Angular,SCSS)

列宽等于最宽列宽度的无界容器

左右图像,响应页面大小并居中

我的卡片内容无法在 bootstrap 5 中正确居中