Cambiar un estilo de enlace, sólo para una determinada clase

Question

quiero cambiar el estilo de enlace para algunos de mis enlaces, así:

a:hover 
{ 
    /* These links will be blue when hovered-over */ 
    background-color: #3366FF; 
} 

Sin embargo, sólo quiero que esto tenga efecto en mi navegación Bar, y no para enlaces regulares. variaciones

he tratado en este:

#navbar a:hover 
{ 
    /* These links will be blue when hovered-over */ 
    background-color: #3366FF; 
} 

Con la intención que significa "esto sólo se aplica a los vínculos con <div id="navbar">"
Pero no funcionó.

¿Cómo puedo establecer el estilo solo para ciertos enlaces, definidos por class o id de su contenedor?

Answer 1

Quizás sus enlaces probados sean enlaces visitados. prefiero:

#navbar a:hover, 
#navbar a:visited 
{ 
    background-color: #3366FF; 
} 

Answer 2

Creo que es posible que desee utilizar la propiedad "color" aquí en lugar de "color de fondo".

Si por casualidad usted realmente qué desea cambiar el color de fondo, recuerda que los enlaces visualizar en línea y no tienen un gran rectángulo, cómoda con ellos, así que dependiendo de color de fondo del contenedor puede que no sea perceptible . (Probablemente este no sea el caso, pero lo lancé en caso de que sus enlaces sean muy pequeños.)

Por último, como el azul está cerca del color del enlace predeterminado, considere realizar pruebas con un color exótico (como el rojo) para ver si el problema está en su CSS o su selección de color.

Answer 3

Eso se ve bien para mí, Robusto tiene un punto válido con el color utilizado.

Otro método está dando a los enlaces de una clase propia, por ejemplo:

CSS

a.navlink:visited 
a.navlink:hover 
{ 
    background-color: #3366FF; 
} 

HTML

<a href="index.html" class="navlink">Home</a>