li style change

by lemon kazi

HTML

<nav>
    <ul class="nav-main">
    
    <li class="dropdown active"><a href="#">Black</a>
        <ul class="dropdown-menu">
        <li class="green"><a href="#">Green</a></li>
        <li class="red"><a href="#">Red</a></li>
        <li class="purple"><a href="#">Purple</a></li>
        </ul>
    </li>
    
    </ul>
</nav>

CSS

nav ul.nav-main li.active > a,
nav ul.nav-main li.active > a:hover {
    color: #000000;
}

nav ul.nav-main ul.dropdown-menu li.green > a {
    color: #78AB46;
}

nav ul.nav-main ul.dropdown-menu li.red > a {
    color: #ff0000;
}

nav ul.nav-main ul.dropdown-menu li.purple > a {
    color: #7D26CD;
}
nav ul.nav-main .dropdown.active:hover > a {
    color:blue;
}