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

li {list-style-type: none;}    
li:before {     
    color: red;
    content: "•";
    padding-right: 10px; 
}