如何修復 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中文網其他相關文章！