JSFiddle - React, Tailwind, and code Playground

by Matt Ball

HTML

<ul>
    <li>A</li>
    <li>B</li>
    <li>C</li>
    <li>D</li>
    <li>E</li>
    <li>F</li>
</ul>

CSS

li {
    width: 100px;
    background-color: #CBCBCB;
    border-top: 1px solid #000;
}

ul > li:hover {
    background-color: #EAEBD8;
}

ul > li:hover, ul > li:hover + li {
    border-top-color: #FFF;
}