JSFiddle - React, Tailwind, and code Playground

by lasseedsvik

HTML

<ul class="submenu">
<li class="submenu-root-node selected">
<a href="/first">first</a>
    <ul class="submenu-submenu-container">
        <li class="submenu-sub-item">
            <a href="/second">second</a>
        </li>
    </ul>
</li>
    <li class="submenu-root-node">
        <a href="/third">third</a>
    </li>
</ul>

CSS

.submenu a
{
    color: #000;
    font-size: 16px;
    text-decoration: none;
}

.submenu li.selected a
{
    font-weight: bold;
}

.submenu-sub-item a {
    font-weight: normal;
}