errore classe css su stato hover

[fit]

Salve a tutti...non riesco a risolvere un problema credo semplice, solo ch enon capisco dov'è l'errore.

ho un menu di tre tasti
voce1
voce2
voce3

e tre pagine associate con lo stesso nome.
Succede che ho dato la classe menu che sotto riporto.

cosa succede ...vorrei che nella pagina voce1.html il tasto voce1 sia del colore diverso e così in ogni pagina..ma vorrei che il resto del menu funzionasse normalmente.

Invece succede che una voce di menu funziona ed una no...se cambio il link di collegamento o faccio latr prove, mi cambia la voce di menu funzionante ma su tre sempre una funziona.

sincerament enon riesco a capire.

vi riporto la classe utilizzata spero che possiate aiutarmi..grazie.


.menu {
font-family: "Times New Roman", Times, serif;
font-size: 15px;
color: #776D5F;
text-decoration: none;
letter-spacing: 0.2em;
}

.menu a:link {
font-family: "Times New Roman", Times, serif;
font-size: 15px;
color: #776D5F;
text-decoration: none;
}

.menu a:hover {
font-family: "Times New Roman", Times, serif;
font-size: 15px;
color: #E3C05F;
text-decoration: none;
}

.menu a:active {
font-family: "Times New Roman", Times, serif;
font-size: 15px;
color: #E3C05F;
text-decoration: none;
}



.menu a:visited {
font-family: "Times New Roman", Times, serif;
font-size: 15px;
color: #776D5F;
text-decoration: none;
}

[Mich_]

Premesso che quel CSS si puo` scrivere molto piu` chiaramente e succintamente cosi`:

.menu {
  font-family: "Times New Roman", Times, serif;
  font-size: 15px;
  color: #776D5F;
  letter-spacing: 0.2em;
}
.menu a:link, .menu a:visited {
  color: #776D5F;
  text-decoration: none;
}
.menu a:hover, .menu a:active {
  color: #E3C05F;
  text-decoration: none;
}

Nel tuo caso avevi sbagliato l'ordine: nelle pseudoclassi l'ordine deve essere: link, visited, hover, active.

Poi forse devi anche aggiungere una classe (ad esempio class="attivo") in ogni pagina: nella pagina voce1.html la devi aggiungere al link di voce1, nella pagina voce2.html al link di voce2 ecc.
Poi devi anche definire lo stile per tale classe, ad esempio:

.menu a.attivo:link, .menu a.attivo:visited, .menu a.attivo:hover, .menu a.attivo:active {
  color: #E3C05F;
  text-decoration: none;
}

La nuova classe DEVE essere inserita DOPO gli stili generici per i link del menu, altrimenti potrebbero non avere effetto (essere sovrascritti dagli stili generali).

[fit]

grazie 1000....
devo studiarli meglio.. si si...
ma queste dritte servono tanto.

ciao e grazie a ncora