尝试更改子菜单链接的颜色

Question

我有一个带有隐藏子菜单的导航，当将父菜单链接悬停在上面时，就会显示这些子菜单。我有点卡在如何实际定位带有父导航项列表的链接上。

这是我的代码：

<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;
}

Answer 1

我看到的唯一问题是你应该使用 a：hover 而不是 a：link

nav li ul li a:hover{
    color:#fba326;
}

Answer 2

如果您尝试覆盖链接的默认颜色。以下 CSS 将起作用。

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