Css 尝试更改子菜单链接的颜色
我有一个带有隐藏子菜单的导航,当其父菜单链接悬停在上方时显示。我有点纠结于如何实际定位父导航项列表中的链接 这是我的密码:Css 尝试更改子菜单链接的颜色,css,html,menu,navigation,drop-down-menu,Css,Html,Menu,Navigation,Drop Down Menu,我有一个带有隐藏子菜单的导航,当其父菜单链接悬停在上方时显示。我有点纠结于如何实际定位父导航项列表中的链接 这是我的密码: <nav id="nav"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li>
<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>
我看到的唯一问题是应该使用:hover而不是这样的:link
nav li ul li a:hover{
color:#fba326;
}
如果您试图覆盖链接的默认颜色。下面的CSS可以工作
nav li ul li a {
color: #fba326;
}
添加nav-li-ul-li-a:visted{color:#fba326;}似乎可以让它正常工作。visted用于以前已经访问过的链接。您可能会得到不需要的彩色链接。我建议使用悬停,并将visited设置为默认颜色,以确保在页面中不会出现任何不需要的行为,如不需要的彩色链接
nav li ul li a {
color: #fba326;
}