0

使用しているドロップダウン メニューがあり、うまく動作しません。

<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 のナビゲーション バーを参照してください。何か助けはありますか？

4

2 に答える 2

0

追加

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

あなたのCSSコードに。!importantルールを適切な場所に配置する場合、これはおそらくオプションです。

于 2012-06-20T19:26:10.293 に答える
0

アンカー タグを使用してリスト アイテム要素のネストを切り替えると、問題が解決すると確信しています。

<a href="http://www.example.com/buckyballs/index.php"><li class="dir">Buckyballs</li></a>
于 2012-06-20T19:23:50.940 に答える