Wie erstelle ich geordnete Listen mit Nummerierung aus kleinen Buchstaben und rechten Klammern in HTML?

Benutzerdefinierter Listenstil in HTML: Rechte Klammern für geordnete Listen

Wie können Sie eine geordnete Liste mit Nummerierung mit niedrigeren Buchstaben erstellen, aber rechts verwenden? Klammern anstelle der Standardeinstellung Punkt?

Lösung:

Nutzung von CSS-Zählern, hier ist eine einzigartige Lösung:

ol {
  counter-reset: list;
}
ol > li {
  list-style: none;
}
ol > li:before {
  content: counter(list, lower-alpha) ") ";
  counter-increment: list;
}

HTML-Beispiel:

<span>custom list style type (v1):</span>
<ol>
  <li>Number 1</li>
  <li>Number 2</li>
  <li>Number 3</li>
  <li>Number 4</li>
  <li>Number 5</li>
  <li>Number 6</li>
</ol>

Mit dieser Methode können Sie Ihre Listen nach Ihren Wünschen anpassen. Passen Sie einfach die Eigenschaft „Inhalt“ an, um das gewünschte Zeichen nach der Listennummer festzulegen.

Das obige ist der detaillierte Inhalt vonWie erstelle ich geordnete Listen mit Nummerierung aus kleinen Buchstaben und rechten Klammern in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!