JSFiddle - React, Tailwind, and code Playground

by mohammadAdil

HTML

<ul id="nav">
    <li class="level-top over">
        <a class="level-top">Link1</a>
        <ul class="level0">
            <li>1</li>
            <li>2</li>
            <li>3</li>
        </ul>
    </li>
</ul>

CSS

a { color: #fff; display: inline-block; text-decoration: none; padding: 0px 0px 26px 0px;}

JavaScript

jQuery('#nav li.over a.level-top').css({'color': 'red'});

var navLiOver = jQuery('#nav li.over');

navLiOver.children('a.level-top').css({'color': 'green'});