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

37 votes207 views6 answers
Overflow in css
CSS
0 vote187 views1 answer
Jquery hover class css not working
CSS
1 vote188 views1 answer
Css background cover y axis
CSS
0 vote196 views1 answer
Material css navbar
CSS
0 vote212 views1 answer
Flex box writing sideways text top to bottom
CSS
0 vote198 views1 answer
Curve bottom of square css
CSS
4 votes200 views1 answer
Make border to div
CSS
0 vote224 views1 answer
Css loading spinner with text
CSS
0 vote211 views1 answer
Avatar change design html css
CSS
0 vote185 views1 answer
Css grid exercise
CSS