Lijstmarkering vormgeven met CSS

Met CSS de markering van een lijstelement wijzigen is niet eenvoudig. Er wordt gewerkt aan een ::marker-selector, maar dat is nog maar een concept en niet veel browsers ondersteunen het.

Een alternatief is met `::before` iets voor het lijstitem plaatsen:

li {
    position    : relative;
}

li::before {
    content     : '★';
    left        : -1.5ch;
    position    : absolute;
}

Op die manier is de markering wel met CSS te stylen.