problema con menu uff

[valetweb]

Ciao a tutti!
Ho un problema col mio menu..
Ho guardato ovunque sul forum e ho provato a seguire il consiglio di un utente in un altro post ma non riesco a concludere un bel niente
Se per favore potete aiutarmi!!!

Il problema è questo, nel mio menu, vorrei rendere il link contatti (ad es.) di un colore diverso da quando è a:link.. Per far capire che ci si trova nella pagina "contatti".

Ho provato così ma non funziona!

<div id="menu">
<ul>[*]<span class='selected'><a href=#l">CONTATTI</a></span>[*]SITI WEB[*]GADGET[*]SERVIZI[*]HOME[/list]
</div>

CSS
#menu ul {list-style:none; margin-right:0; padding:0;}
#menu li {text-align:center; height:22px; width:75px; float:right; line-height:22px;}
#menu li, .selected { color:#090;}
#menu a:link{color:#FFF; text-decoration:none;}
#menu a:visited{color:#FFF; text-decoration:none;}
#menu a:hover {color:#FC0; text-decoration:none;}

Aiutatemiiiiiii mi sembra un problema così semplice, ma non riesco a risolverlo
GRAZIE in anticipo!

[Bashi]

<div id="menu">
<ul>
<li class='selected'>CONTATTI[*]SITI WEB[*]GADGET[*]SERVIZI[*]HOME[/list]
</div>

CSS
#menu ul {list-style:none; margin-right:0; padding:0;}
#menu li {text-align:center; height:22px; width:75px; float:right; line-height:22px;}
#menu li.selected {color:#090;}
#menu a:link{color:#FFF; text-decoration:none;}
#menu a:visited{color:#FFF; text-decoration:none;}
#menu a:hover {color:#FC0; text-decoration:none;}

[valetweb]

Niente.. nemmeno così funziona

[Mich_]

C'e` una contraddizione in amedue i CSS: le dichiarazioni successive sorascrivono quelle specifiche.

partendo dall'HTML di bashi, il CSS va scritto:

#menu ul {
  list-style:none;
  margin-right:0;
  padding:0;
}
#menu li {
  text-align:center;
  height:22px;
  width:75px;
  float:right;
  line-height:22px;
}
#menu a:link, #menu a:visited {
  color:#FFF;
  text-decoration:none;
}
#menu a:hover {
  color:#FC0;
  text-decoration:none;
}

#menu li.selected a, #menu li.selected a:visited, #menu li.selected a:hover  {
  color:#090;
}

[valetweb]

FUNZIONAAAAAAA!!
Grazie Mich_ e anche Bashi!
In pratica per far sì che funzionasse lo stile della class selected, dovevo scriverlo per ultimo.. ho capito bene!?

Grazie mille,
siete sempre a disposizione

[Mich_]

Originariamente inviato da valetweb
FUNZIONAAAAAAA!!
Grazie Mich_ e anche Bashi!
In pratica per far sì che funzionasse lo stile della class selected, dovevo scriverlo per ultimo.. ho capito bene!?

Grazie mille,
siete sempre a disposizione

Si`, una definizione piu` specifica deve essere scritta dopo quelle piu` generiche.

Ma nei CSS sopra c'era anche l'errore di selettore: mancava la specifica al tag <a> interno al selettore di classe.