Wie kann ich rechte Klammern als geordnete Listenmarkierungen in HTML verwenden?

Anpassen von Markierungen für geordnete Listen: Rechte Klammern für Kleinbuchstaben

Der Standardtyp für Kleinbuchstaben für geordnete Listen in HTML verwendet Punkte (' .'), aber was ist, wenn Sie rechte Klammern ('a)', 'b)' usw. verwenden müssen? stattdessen?

CSS bietet eine Lösung mit Zählern, die eine automatische Nummerierung von Elementen ermöglichen. Mit ein wenig Modifikation können Sie den gewünschten Listenstil erreichen:

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

In diesem CSS-Code:

• counter-reset: list; initialisiert einen Zähler namens „list“ auf 0.
• list-style: none; Entfernt den standardmäßigen Listenstil, z. B. Punkte und Striche.
• content: counter(list, low-alpha) ") "; Definiert den Inhalt, der vor jedem Listenelement eingefügt werden soll. Dabei handelt es sich um den Zählerwert im Kleinbuchstabenformat, gefolgt von einer rechten Klammer.
• counter-increment: list; Erhöht den „Listen“-Zähler für jedes Listenelement um 1.

Durch die Einbindung dieses CSS werden in Ihrer geordneten Liste in rechte Klammern niedergeschriebene Markierungen angezeigt. Passen Sie die Polsterung und andere Stileigenschaften nach Bedarf an, um die Liste Ihren Anforderungen entsprechend auszurichten und anzuzeigen.

Das obige ist der detaillierte Inhalt vonWie kann ich rechte Klammern als geordnete Listenmarkierungen in HTML verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!