Css counters

body {
  counter-reset: section;                    /* On initialise le compteur à 0 */
}

h3::before {
  counter-increment: section;                /* On incrémente le compteur section */
  content: "Section " counter(section) " : "; /* On affiche le compteur */
}

Source: developer.mozilla.org

Counter-style counter css counters

@counter-style circled-alpha {
  system: fixed;
  symbols: Ⓐ Ⓑ Ⓒ Ⓓ Ⓔ Ⓕ Ⓖ Ⓗ Ⓘ Ⓙ Ⓚ Ⓛ Ⓜ Ⓝ Ⓞ Ⓟ Ⓠ Ⓡ Ⓢ Ⓣ Ⓤ Ⓥ Ⓦ Ⓧ Ⓨ Ⓩ;
  suffix: " ";
}

Source: developer.mozilla.org

Similar codes

0 vote203 views1 answer
Connect style sheet to html document
CSS
0 vote228 views3 answers
Apple like scroll css
CSS
0 vote189 views1 answer
How to use * in html
CSS
0 vote252 views2 answers
How to bring a text in middle center of a tile css in anchor tag inline elements
CSS
0 vote209 views2 answers
Card css
CSS
17 votes213 views1 answer
Calc sass variables
CSS
-3 votes217 views2 answers
How to justify grid childe in the center
CSS
6 votes206 views5 answers
Grepper shortcuts
CSS
3 votes186 views1 answer
Rotate icon on click css
CSS
1 vote189 views1 answer
Padding clamp
CSS