JSFiddle - React, Tailwind, and code Playground

by serio

HTML

<ul>
    <li><a href='#'>select</a>
        <ul>
            <li><img src='http://www.google.ca/images/srpr/logo3w.png' /></li>
            <li><img src='http://www.google.ca/images/srpr/logo3w.png' /></li>
            <li><img src='http://www.google.ca/images/srpr/logo3w.png' /></li>            
        </ul>        
    </li>
</ul>

CSS

ul ul { display: none; }
ul:hover ul { display: block; }

ul a { font: 20px arial, sans-serif; }


ul ul img {
    display: block;
    padding: 8px;
    border: 4px solid #EEE;
    margin-bottom: 4px;
    cursor: pointer;        
}

ul ul img:hover
{
    border-color: red;       
}