25 CSS Hacks Every Developer Should Know

CSS counters

Problem: creating a counter.

Solution: use `counter-reset` and `counter-increment`.

.counter-list {
  counter-reset: section;
}
.counter-list li::before {
  counter-increment: section;
  content: "Section " counter(section) ": ";
}