:hover links not working


I am developing a website from scratch and I am having some trouble with my anchor tags. I use the following css class in order to change the nav links state:

.nav-color:hover a{
    color: #e67d20;

But insted of changing the link which the mouse is over, it changes all three nav links together. I hope you can help me, this never happened to me before!

Here is the sample code: http://jsfiddle.net/yYnGK/


Problem courtesy of: David Casanellas


Try like this:

.nav-color a:hover{
    color: #e67d20;


Visit Pseudo Classes CSS Selctors

Solution courtesy of: Dhaval Marthak


There is currently no discussion for this recipe.

This recipe can be found in it's original form on Stack Over Flow.