下拉菜單幫助CSS

我有一個下拉菜單，我正在使用，不能完全得到它的工作。下拉菜單幫助CSS

<ul id="nav" class="dropdown dropdown-linear dropdown-columnar"> 
    <a href="http://www.example.com/index.php"><li>Home</li></a> 
    <a href="http://www.example.com/products/index.php"><li class="dir">Products 
     <ul> 
      <li class="dir"><a href="http://www.example.com/buckyballs/index.php">Buckyballs</a></li> 
      <li class="dir"><a href="http://www.example.com/calicocritters/index.php">Calico Critters</a></li> 
      <li class="dir"><a href="http://www.example.com/games/index.php">Games</a></li> 
      <li class="dir"><a href="http://www.example.com/magnetics/index.php">Magnetics</a></li> 
      <li class="dir"><a href="http://www.example.com/playmobil/index.php">Playmobil</a></li> 
      <li class="dir"><a href="http://www.example.com/quercetti/index.php">Quercetti</a></li> 
     </ul> 
    </li></a> 
    <a href="http://www.example.com/calendar/index.php"><li>Calendar</li></a> 
    ... 
</ul>

菜單是白色和紅色的文字，然後當我將鼠標懸停在他們的紅色背景，白色的文字變化。但是，當我將鼠標懸停在產品上時，當我將鼠標懸停在li標籤上時，整個事件變爲紅色，並且當我將鼠標懸停在其上時，文本只會變白。但是當我徘徊在落下的地方時，它又紅又紅。請參閱redballoontoystore.com上的導航欄。任何幫助？

來源

2012-06-20 enano2054

向我們展示一些CSS .. –

這個CSS非常廣泛，所以我會展示我能做的。一秒 – enano2054

添加

.dir:hover a { 
    color: white!important; 
}

你的CSS代碼。如果將規則放置在正確的位置，則!important可能是可選的。

來源

2012-06-20 19:26:10

我敢肯定，如果切換列表項元素的嵌套與錨標記，這將解決您的問題：

<a href="http://www.example.com/buckyballs/index.php"><li class="dir">Buckyballs</li></a>

來源

2012-06-20 19:23:50 blearn

我曾試過。它根本不影響產品部分。我在等待Visual Studio響應，以便我可以顯示CSS – enano2054

下拉菜單幫助CSS

回答

相關問題