CSS – geordnete Liste mit runder Klammer nach der Zahl

(Last Updated On: 8. März 2021)

Da ich auf chess.hirner.at oft eine geordnete Liste benötige, also wie

  1. xxx
  2. xxx
  3. xxx

und diese wegen des PGN-Codes (wie 1. e4 c5 2. Sf3 e6 3. d4 cxd4), aber eine schließende runde Klammer, statt des Punktes nach der Zahl haben soll, verwende ich im CSS einen Trick.
Mit
ol {
counter-reset: list;
}
ol > li {
list-style: none;
}
ol > li:before {
content: counter(list) ") ";
counter-increment: list;
}

funktioniert es und sieht dann aus wie
1) xxx
2) xxx
3) xxx

(18)


History

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.