JSFiddle - React, Tailwind, and code Playground

by nothrem

HTML

<ol type="1">
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ol>
<ol type="a">
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ol>
<ol type="A">
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ol>

CSS

ol[type=a], ol[type=A] {
				counter-reset: letterCounter;
			}
			ol[type="a"] > li:before {
				content: counter(letterCounter, lower-alpha) ') ';
			}
			ol[type="A"] > li:before {
				content: counter(letterCounter, upper-alpha) ') ';
			}
			ol[type=a] > li, ol[type=A] > li {
				list-style: none;
				counter-increment: letterCounter;
			}