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 vote382 views1 answer
Divi submenu collapse by default
CSS
1 vote353 views1 answer
Import css in thymeleaf
CSS
0 vote386 views1 answer
Css make a cell twice as big flexbox
CSS
5 votes343 views5 answers
Min padding
CSS
0 vote356 views1 answer
How to center icon vertically in react js
CSS
0 vote372 views2 answers
Scrolling banner
CSS
0 vote351 views1 answer
Css select havig both classes
CSS
0 vote363 views1 answer
Css device orientation
CSS
0 vote387 views1 answer
Flex: 0 1 auto
CSS
0 vote392 views5 answers
How many px is iphone 12 pro max css
CSS