css - Trying to change the colour of submenu links -
i have navigation hidden sub menus display when ever parent menu link hovered over. i' bit stuck on how target links list of parent navigation item.
here code:
<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> i have tried following without luck:
nav li ul li a:link{ color:#fba326; }
the problem see should use a:hover instead of a:link so
nav li ul li a:hover{ color:#fba326; }
Comments
Post a Comment