CSS – geordnete Liste mit runder Klammer nach der Zahl

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

Schreibe einen Kommentar

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