Modifica di un link-stile, solo per una certa classe

Question

voglio cambiare lo stile di collegamento per alcuni dei miei link, in questo modo:

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

Tuttavia, voglio solo questo abbia effetto nel mio Navigazione Barra, e non per collegamenti regolari. variazioni

che ho provato su questo:

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

Con l'intesa che significa "questo vale solo per i collegamenti con <div id="navbar">"
Ma non ha funzionato.

Come posso impostare lo stile solo per determinati collegamenti, definiti da class o id del loro contenitore?

Answer 1

Forse i collegamenti testati sono link visitati. preferisco:

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

Answer 2

Penso che potresti voler utilizzare la proprietà "color" qui invece di "background-color".

Se per caso davvero non desidera modificare il colore di sfondo, ricordare che i collegamenti visualizzare in linea e non hanno un grande rettangolo confortevole intorno a loro, in modo a seconda del colore di sfondo del contenitore potrebbe non essere evidente . (Probabilmente questo non è il caso, ma l'ho buttato nel caso in cui i collegamenti siano molto piccoli.)

Infine, poiché il blu è vicino al colore del link predefinito, considera di testare con un colore esotico (come il rosso) per vedere se il problema è nel tuo CSS o nella selezione dei colori.

Answer 3

Che sembra ok per me, Robusto ha un valido punto con il colore utilizzato.

Un altro metodo sta dando i link di una classe di loro, ad esempio:

CSS

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

HTML

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