JSFiddle - React, Tailwind, and code Playground

by Wexcode

HTML

<ul>
    <li>
        <ul>
            <li>Sub Link 1</li>
            <li>Sub Link 2</li>
            <li>Sub Link 3</li>
        </ul>
        <a href="#">Menu</a>
    </li>
</ul>

CSS

* { 
    marign: 0; 
    padding: 0; }
ul { list-style: none; }
ul > li { position: relative; }
ul li a {
    height: 16px;
    display: block; }
ul ul { 
    position: absolute;
    top: 16px;
    left: 0;
    cursor: pointer;
    display: none; }
ul li:hover ul { display: block; }
ul ul:hover + a { color: red; }