JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="">Great Britain</a></li>
    <li><a href="">Germany</a></li>
    <li>
        <a href="">France</a>
        <ul>
            <li>
                <a href="">Paris</a>
                <ul>
                    <li><a href="">Notre Dame</a></li>
                    <li class="selected"><a href="">Parc des Princes</a></li>
                    <li><a href="">Sacre Coeur</a></li>
                </ul>
            </li>
            <li><a href="">Rouen</a></li>
            <li><a href="">Lyon</a></li>
            <li><a href="">Marseilles</a></li>
        </ul>
    </li>
    <li><a href="">Sweden</a></li>
    <li><a href="">Poland</a></li>
</ul>

CSS

.selected > :first-child {
    color: #f00;
    background-color: #999; 
}