JSFiddle - React, Tailwind, and code Playground

by David Thomas

HTML

<div id="chromemenu" class="chromestyle">
    <ul>
        <li><a rel="dropmenu1" href="#" class="selected">Buy</a>
        </li>
        <li><a rel="dropmenu2" href="#" class="">Sell</a>
        </li>
        <li><a rel="dropmenu3" href="#" class="">Community</a>
        </li>
        <li><a rel="dropmenu6" href="#" class="">Languages</a>
        </li>
        <li><a rel="dropmenu4" href="#" class="">My Account</a>
        </li>
    </ul>
</div>

JavaScript

var selected = document.querySelector('a.selected');
selected.parentNode.style.borderTop = '1px solid #000';