HTML에서 중첩된 순서 목록 번호 매기기 문제를 해결하는 방법은 무엇입니까?

HTML 순서 목록: 중첩 카운터 및 범위 문제

HTML에서 CSS 카운터와 범위를 사용하면 구조화된 순서 목록을 만드는 데 도움이 될 수 있습니다. 그러나 이러한 카운터를 중첩하려고 시도할 때 문제가 발생하는 경우가 있습니다.

문제

카운터가 포함된 중첩된 순서 목록을 설정할 때 일부 하위 목록에서 잘못된 번호 매기기가 발생할 수 있습니다. . 예상되는 중첩 구조 대신, 상위 목록으로 돌아갈 때 번호 매기기가 상위 목록에서 증분적으로 계속될 수 있습니다.

해결책

이 문제를 해결하려면 정규화 CSS가 비활성화되었습니다. 이전 브라우저에서는 이 CSS 재설정으로 인해 목록의 모든 여백과 패딩이 0으로 설정되어 정렬 문제가 발생하는 경우가 많습니다. 또는 기본

요소를 사용하면 문제를 해결할 수 있습니다.

예

<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 중국어 웹사이트의 기타 관련 기사를 참조하세요!