Css problema link

se utilizzo un codice simile a questo:

#menu a{ font-weight:bold; color:#133f6a;}
#menu a:hover{ font-weight:bold; color:#f4be63;}

.nav { display:block; color:#989898; background-repeat:no-repeat; background-image:url(images/nav.gif); padding-left:5px;
font-weight:bold; text-decoration:none;}
.nav:hover { display:block; color:#25587b; background-repeat:no-repeat; background-image:url(images/nav2.gif); padding-left:5px;
font-weight:bold; text-decoration:none;}

se i link della classe nav sono presenti all'interno del div chiamato menu i link vengono visualizzati con gli attributi specificati in #menu a. Come posso fare per non far prevalere quanto specificato in questo Id sulla classe nav?

Devi sovrascriverli.


Ciao!

scusa debug non ho capito cosa intendi ??

Cioè, devi riscrivere le proprietà che vuoi siano diverse.


ciao!

l'ho già fatto...il mio problema è che i link della classe nav hanno il colore specificato in #menu a e non in quello .nav.

#menu a{ font-weight:bold; color:#133f6a;}
#menu a:hover{ font-weight:bold; color:#f4be63;}

.nav { display:block; color:#989898; background-repeat:no-repeat; background-image:url(images/nav.gif); padding-left:5px;
font-weight:bold; text-decoration:none;}
.nav:hover { display:block; color:#25587b; background-repeat:no-repeat; background-image:url(images/nav2.gif); padding-left:5px;
font-weight:bold; text-decoration:none;}

....
la struttura è questa:

<div id="menu">
....
<a href="..." class="nav">link</a>

</div>

Ah scusa, non avevo notato.
Prova a mettere a.nav al posto di .nav


Ciao!

nu non cambia...