stili diversi stessa pagina

[mon]

Ciao a tutti,

all'interno della stessa pagina ho due tipi di menù e vorrei che avessero rollover di colore diverso.
Ho cercato nel forum e provato a sistemarlo da sola ma non ci sono riuscita...
Questo è quello che ho scritto io:

.linkm2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
line-height: 15px;
font-weight: bold;
color: #000066;
text-decoration: none;
}
.linkm2 a{
color: #000066;
text-decoration: none;
}
.linkm2 a:hover{
color: #7F7FB2;
text-decoration: none;
}
.linkm2 a:link{
color: #000066;
text-decoration: none;
}
.linkm2 a:visited{
color: #000066;
text-decoration: none;
}

[mon]

Poi sui link ho fatto <div class="linkm2">link</div>
Ma non funziona.

Sapete cosa potrei aver sbagliato?

Grazie
Mo

[DKiller92]

prova a modificare e scrivere
div.linkm2
invece che solo
.linkm2

[mon]

Ciao e grazie

ho riprovato rifacendo tutto da zero e ora funziona... non so...
in ogni caso è meglio mettere sempre div.linm2 piuttosto che solo .linkm2 ?
per quale motivo?

[DKiller92]

dipende da quello che devi fare...
se vuoi che tutti i tag contenenti class="linkm2" abbiano dei determinati effetti allora scrivi
.linkm2
se vuoi che solo i tag DIV contenenti class="linkm2" subiscano le modifiche CSS allora scrivi
div.linkm2

tutto qua...

[mon]

mmm

ho intuito qualcosa ma devo studiarmela un po'
Comunque grazie!