Block :hover auf Link für iPad

Question

Ich habe eine Seite, die Unterlinks mit CSS als hat;

#leftNav .searchBySub {...} 
#leftNav a.searchBySub:hover {...} 
#leftNav .searchBySubClicked {...}

Meine Frage ist nun, dass auf dem iPad die :hover-Stile angewandt werden: ..... Gibt es also irgendeine Möglichkeit, wie ich sie auf dem iPad blockieren kann?

d.h., das iPad sollte das CSS als sehen;

#leftNav .searchBySub {...} 
#leftNav .searchBySubClicked {...}

Ich kann das :hover nicht einfach aus dem CSS löschen, da sowohl auf dem Desktop als auch auf dem iPad das gleiche CSS verwendet wird.

Ich habe bereits die meisten der grundlegenden Dinge ausprobiert, wie

a[i].ontouchstart=function(e){  
e.stopPropagation();                                                  
e.preventDefault();                  
return false;
}