Using ::marker in CSS 🍹 HTMLcat

Using `::marker` in CSS

The ::marker pseudo-element in CSS is a handy tool for styling the markers of list items. This allows you to customize the appearance of bullets or numbers in unordered and ordered lists, giving you more control over your list designs.

li::marker {
  content: '⁂ ';
}

li::marker {
  content: counter(list-item) " ";
  font-variant-position: super;
}

Thanks to Lea Verou for this snippet: https://x.com/LeaVerou/status/1815226502138450330