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 vote212 views2 answers
How to use font awesome unicode in css
CSS
115 votes200 views6 answers
Css padding
CSS
0 vote186 views1 answer
How to get text to auto break in a grid
CSS
38 votes201 views4 answers
Css pointer event
CSS
3 votes187 views3 answers
Remove on click border
CSS
0 vote203 views1 answer
Css for vertical height
CSS
52 votes195 views3 answers
Css position absolute middle
CSS
0 vote191 views1 answer
Horizontal scroll only css mobile
CSS
0 vote216 views1 answer
Dropdown size based on text
CSS
0 vote165 views1 answer
New margin property css 2021
CSS