JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="vers">
        <li>Обычный маркер</li>
        <li class="act">Зеленый маркер</li>
        <li>И никакого спана!
                <ul class="vers">
                        <li class="act">Во внутреннем списке зеленый маркер тоже гууд.</li>
                        <li>И никаких картинок.</li>
                </ul>
        </li>
</ul>

CSS

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

li {
    position: relative;
    padding-left: 22px;
}

li:before{
    content: '•';
    font-size: 26px;
    position: absolute;
    top: -4px;
    left: 0;
    
}

.act:before {
    color: green;
}