:hover links not working

Problem

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/

Thanks!

Problem courtesy of: David Casanellas

Solution

Try like this:

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

DEMO

Visit Pseudo Classes CSS Selctors

Solution courtesy of: Dhaval Marthak

Discussion

There is currently no discussion for this recipe.

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