使用CSS的多元素翻转

Question

当滚动列表项时，我需要让div显示{border-bottom:solid 2px #F63}。我和.whatever:hover .whatever {一起玩，但什么都没有。有什么建议吗？

Answer 1

如果没有看到您的CSS / HTML，很难/不可能发布解决方案。但正如@James Khoury在评论中提到的那样，您需要将div放在li内。所以像这样......

<ul>
    <li class="first">First
        <div class="first">
            First
        </div>
    </li>
    <li class="second">Second
        <div class="second">
            Second
        </div>
    </li>    
</ul>

CSS

div{width:50px; height:50px; 
    border:1px solid blue; 
    margin:1em;}

li a{display:block;}

li.first:hover div.first, li.second:hover div.second{
    border-bottom:solid 2px #F63;}

http://jsfiddle.net/jasongennaro/6rjd9/