JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <p>Some text</p>
    </li>
</ul>

CSS

li p:first-letter {
    color:blue;
}

li p.selected:first-letter{
   color:red;
}

JavaScript

$('li p').click(function () {
    $(this).toggleClass('selected');
});