JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<div id="mobile">
    <ul id="menu">
        <li><a href="#">Home</a></li>
        <li><a href="#">Products</a>
            <ul>
                <li><a href="#">HTML</a></li>
                <li><a href="#">CSS</a></li>
                <li><a href="#">Javascript</a>
                    <ul>
                        <li><a href="#">jQuery</a></li>
                        <li><a href="#">MooTools</a></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li><a href="#">About</a></li>
        <li><a href="#">Contact</a></li>
    </ul>
</div>

CSS

#menu { background-color:black; }
#menu li { background-color:black; }
#menu ul ul li { background-color:black; }
#menu li a { color:white; }
#menu li a:hover { color: silver; }