priorità classi per un link

[sumail]

Salve a tutti.
Sto creando per la prima volta un sito usando CSS, e leggendo la guida di HTML.it ho evitato di inserire la fomrattazione nel codice html ma solo in CSS.
Ho creato, fra gli altri, la classe elementomenu e la classe linkhot per i link dle menù e i link importanti.

Elementomenu:

.elementomenu a:link,a:visited,a:active,a:hover{
font-size:150%;
color:#11FF11;
cursor:crosshair;
}

Linkhot

.linkhot a:hover{
text-size:200%;
}

.linkhot a:link,a:visited,a:active{
font-family: Arial;
color:#11FF11;
text-size:80%;
text-align:center; !important
text-weight:bold;}

Solo che:

• I link con class="linkhot" hanno il puntatore indicato in elementomenu, pur non facendone parte
• I link linkhot non mi appaiono centrati in IE7
• Non c'è nessun cambiamento nei link al passaggio del mouse

EDIT: la pagina è questa:

http://betapagina.altervista.org/index.php

[pastoweb]

L'ordine in cui dichiari gli stati del link deve essere neccessariamente questo:

a:link {}
a:visited {}
a:hover {}
a:active {}

Se lo cambi (ad esempio tu hai messo active prima di hover) potrebbe non comportarsi corretamente.

[sumail]

Originariamente inviato da pastoweb
L'ordine in cui dichiari gli stati del link deve essere neccessariamente questo:

a:link {}
a:visited {}
a:hover {}
a:active {}

Se lo cambi (ad esempio tu hai messo active prima di hover) potrebbe non comportarsi corretamente.

Ah ecco!

Grazie mille!

[pastoweb]

Prego!

[sumail]

Rimane però il problema del cursore a croce che viene applicato al di fuori della sua classe, e del testo della classe linkhot che non viene formattato, nemmeno riscrivendo il css come indicato sopra.
Tra l'altro sia il CSS che l'xhtml vengono validati del W3C