0

親メニューリンクにカーソルを合わせると表示される非表示のサブメニューを含むナビゲーションがあります。親ナビゲーションアイテムのリストを使用してリンクを実際にターゲットにする方法に少しこだわっています。

これが私のコードです：

<nav id="nav">
        <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">About</a></li>
        <li>
            <a href="#">Categories</a>
            <ul>
                <li><a href="#">12" Vinyl album</a></li>
                <li><a href="#">12" Vinyl single</a></li>
                <li><a href="#">7" Vinyl album</a></li>
                <li><a href="#">7" Vinyl single</a></li>
                <li><a href="#">CD</a></li>
                <li><a href="#">DVD</a></li>
                <li><a href="#">Book</a></li>
                <li><a href="#">Calendar</a></li>
                <li><a href="#">Other</a></li>
            </ul>
        </li>
        </ul>
</nav>

私は運がなくて次のことを試しました：

nav li ul li a:link{
    color:#fba326;
}
4

2 に答える 2

1

私が見る唯一の問題は、 a:link の代わりに a:hover を使用する必要があることです

nav li ul li a:hover{
    color:#fba326;
}
于 2012-06-05T00:18:02.363 に答える
0

リンクのデフォルトの色を上書きしようとしている場合。次のCSSが機能します。

nav li ul li a {
    color: #fba326;
}
于 2012-06-05T00:21:31.097 に答える