impedire 'hover' con selettore 'class'

[JANUS70]

Ciao ..
secondo voi è possibile all'interno di una lista che fà capo a un 'id', fare in modo che per un link, attraverso una class, si impedisca la funzione 'hover' ?

in sostanza impedire che la voce di menù corrente non subisca le variazioni gestite dall 'hover'
Grazie


esempio:

#menu a:hover{background-position: 0 -30px;color: #FFF}
#menu .current{background-position: 0 -60px;color: #000}


<div id="menu">
<ul>[*]News[*]Articoli[*]Video[*]Download[/list]
</div>

[Outshine84]

potresti provare a creare una class nohover tipo

<div id="menu">
<ul>[*]News[*]Articoli[*]Video[*]Download[/list]
</div>

e mettere nei css

#menu a:hover{background-position: 0 -30px;color: #FFF}
#menu .current{background-position: 0 -60px;color: #000}
#menu a.nohover:hover{background-position: 0 -60px;color: #000}

dovrebbe sovrascrivere la proprietà precedente e cancellare il cambiamento di stile per l'hover

[mucu]

Originariamente inviato da JANUS70
...fare in modo che per un link, attraverso una class, si impedisca la funzione 'hover'...

gli id servono proprio per i casi specifici

[Marcolino's]

Puoi anche evitare di metterci l'ancora, se quella è l'evidenzazione per la pagina non dovresti proprio mettercela l'ancora.

@mucu anche se ci mette l'id non risolverebbe il problema non credi?

[JANUS70]

con un paio di provette ho trovato ..
in pratica, su mozilla una 'class' prevale su un 'id' .. mentre su IE (almeno sul 6) non è così !
come mi ha suggerito Outshine84

ho aggiunto nei css un 'hover' assegnata alla class 'current' con le stesse caratteristiche del current .. e il gioco è fatto !
a dire il vero visto che c'ero ho anche aggiunto il cursore di default per evitare la manina .. solo che IE nel momento di passaggio c'è un attimo in cui il cursore diventa una manina .. per poi normalizzarsi !
che ci sia una soluzione ?


div#menu a:hover{background-position: 0 -30px;color: #FFF}
div#menu ul a.current{background-position: 0 -60px;color: #000}
div#menu ul a.current:hover{background-position: 0 -60px;color: #000;cursor: default;}

<div id="menu">
<ul>[*]News[*]Articoli[*]Video[*]Download[/list]
</div>