Styling list markers with ::marker
::marker targets a list item’s bullet or number without replacing the semantic list or building a pseudo-element by hand.
li::marker {
color: rebeccapurple;
content: '⁂ ';
} The set of supported properties is intentionally small. If custom content changes the meaning or order of the list, keep that information in the HTML instead.