使用CSS的多元素翻轉

當列表項目翻轉時，我需要有div顯示{border-bottom:solid 2px #F63}。我玩.whatever:hover .whatever {，但沒有得到任何東西。有什麼建議麼？使用CSS的多元素翻轉

2011-08-02 Spencer

告訴我們你的CSS/HTML – Hristo

你的CSS應該工作;也許在完整的代碼中有一些特定的東西導致它無法工作。你應該發佈一個更完整的CSS副本。 – Jacob

@Spencer如果你的'div's是你想添加邊框的元素，並且列表項在裏面，那麼它不能用css完成，因爲你不能指定一個基於它的元素包含另一個元素（據我所知）。如果是相反的方式，你的'div'在你的列表項中，那麼它應該可以工作。就像@Jacob所說的那樣。 –

沒有看到您的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/

來源

2011-08-02 04:09:05

使用CSS的多元素翻轉

回答

相關問題