使用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/