Wie behebt man Probleme mit der Nummerierung verschachtelter geordneter Listen in HTML?

Geordnete HTML-Listen: Verschachtelte Zähler und Bereichsprobleme

In HTML kann die Verwendung von CSS-Zählern und -Bereichen dabei helfen, strukturierte geordnete Listen zu erstellen. Beim Versuch, diese Zähler zu verschachteln, treten jedoch manchmal Probleme auf.

Das Problem

Beim Einrichten verschachtelter geordneter Listen mit Zählern kann es bei einigen zu einer falschen Nummerierung in den untergeordneten Listen kommen . Anstelle der erwarteten verschachtelten Struktur kann die Nummerierung schrittweise von der übergeordneten Liste aus fortgesetzt werden, wenn zu dieser zurückgekehrt wird.

Die Lösung

Um dieses Problem zu beheben, stellen Sie sicher, dass die Option „Normalisieren“ aktiviert ist CSS ist deaktiviert. In älteren Browsern werden durch dieses CSS-Reset häufig alle Listenränder und Abstände auf Null gesetzt, was zu Ausrichtungsproblemen führt. Alternativ können Sie die Unterlisten innerhalb der Hauptliste

verschachteln. Elemente können das Problem lösen.

Beispiel

<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>

Das obige ist der detaillierte Inhalt vonWie behebt man Probleme mit der Nummerierung verschachtelter geordneter Listen in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!