Set a:hover en fonction de la classe

J'ai le code HTML suivant:

<div class="menu">
    <a class="main-nav-item" href="home">home</a>
    <a class="main-nav-item-current" href="business">business</a>
    <a class="main-nav-item" href="about-me">about me</a>
</div>

Dans le CSS, je veux mettre le a:hover pour ces éléments de menu à une couleur particulière. J'ai donc écrire:

.menu a:hover
{
    color:#DDD;
}

Mais, je tiens à mettre ce a:hover de la couleur seulement pour ceux <a> balises avec la classe main-nav-item et pas le main-nav-item-courant, parce qu'il a une couleur différente et ne devrait pas changer sur le vol stationnaire. Tous les <a> des balises dans les menu div devrait changer de couleur sur le vol stationnaire à l'exception de celui avec le actuel classe.

Comment puis-je le faire à l'aide de CSS?

J'ai essayé quelque chose comme

.menu a:hover .main-nav-item
{
    color:#DDD;
}

de penser que les seuls à avoir la main-nav-item de classe va changer de couleur sur le vol stationnaire, et non pas l'actuel. Mais ça ne fonctionne pas.

InformationsquelleAutor | 2009-12-20