下拉菜单帮助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

回答

相关问题