如何修复 HTML 中的嵌套有序列表编号问题？

HTML 有序列表：嵌套计数器和范围问题

在 HTML 中，使用 CSS 计数器和范围可以帮助创建结构化有序列表。但是，尝试嵌套这些计数器时有时会出现问题。

问题

使用计数器设置嵌套有序列表时，有些人可能会在子列表中遇到不正确的编号。返回父列表后，编号可能会继续从父列表递增，而不是预期的嵌套结构。

解决方案

要解决此问题，请确保 Normalize CSS 已禁用。在较旧的浏览器中，此 CSS 重置通常会将所有列表边距和填充设置为零，从而导致对齐问题。或者，将子列表嵌套在主

内。元素可以解决问题。

示例

<ol>
  <li>one</li>
  <li>two
    <ol>
      <li>two.one</li>
      <li>two.two</li>
      <li>two.three</li>
    </ol>
  </li>
  <li>three
    <ol>
      <li>three.one</li>
      <li>three.two
        <ol>
          <li>three.two.one</li>
          <li>three.two.two</li>
        </ol>
      </li>
    </ol>
  </li>
  <li>four</li>
</ol>

以上是如何修复 HTML 中的嵌套有序列表编号问题？的详细内容。更多信息请关注PHP中文网其他相关文章！