JSFiddle - React, Tailwind, and code Playground

by Jens Kühn

HTML

<details>
  <summary>A</summary>
</details>
<details>
  <summary>B</summary>
</details>
<details>
  <summary>C</summary>
</details>
<details>
  <summary>D</summary>
</details>
<details>
  <summary>E</summary>
</details>
<details>
  <summary>F</summary>
</details>

SCSS

body {
  counter-reset: numPairwise;
}

summary {
  &::before {
    content: counter(numPairwise);
    padding-right: .5em;
  }
}
details:nth-of-type(2n + 1) {
  counter-increment: numPairwise;
}