JSFiddle - React, Tailwind, and code Playground

by chenxsan

HTML

<ul class="navigation">
    <li>Home
        <ul class="sub-menu">
            <li>陈三</li>
            <li>陈四</li>
            <li>陈五</li>
        </ul>
    </li>
    <li>About</li>
</ul>

CSS

.navigation>li {
    float:left;
    margin-right:10px;
}
ul, li {
    list-style:none;
    padding:0;
}
.sub-menu {
    display:none;
}
.navigation>li:hover .sub-menu {
    display:block;
}