JSFiddle - React, Tailwind, and code Playground

HTML

<div class="footermenu">
    <ul class="menu">
        <li class="expanded first">
            <a href="link.html">First menupoint</a>
            <ul class="menu">
                <li class="first"><a href="#">First submenupoint</a></li>
                <li><a href="#">Second submenupoint</a></li>
                <li><a href="#">Third submenupoint</a></li>
                <li class="last"><a href="#">Fourth submenupoint</a></li>
            </ul>
        </li>
        <li class="expanded last">
            <a href="link.html">Second menupoint</a>
            <ul class="menu">
                <li class="first"><a href="#">First submenupoint</a></li>
                <li><a href="#">Second submenupoint</a></li>
                <li><a href="#">Third submenupoint</a></li>
                <li class="last"><a href="#">Fourth submenupoint</a></li>
            </ul>
        </li>
    </ul>
</div>

CSS

div.footermenu li.expanded > a:first-child {
    font-weight: bold;    
}