Affichage de lien lors de l'appel d'une fonction JavaSript

Je ne m'explique pas le comportement différent de l'affichage de a et a:hover avec la ligne de code suivante :

<p><a onclick="switchDiv('plan');">Affichage du plan</a></p>

Feuille CSS:

a{
	font-weight: bold;
	color: #d9b992;
	text-decoration: none;
	line-height: 1.5em;
	cursor: pointer;
}
a:hover {
	color: #fc0;
	text-decoration: underline;
}

Dans ce cas par rapport à la situation attendue (et réalisée sur les liens "habituels") lors du survol du lien :
1.- le curseur n'apparait pas
2.- pas de changement d'état (couleur et soulignement)

J'ai résolu le point 1 en intégrant dans la CSS a {cursor: pointer;} mais sans comprendre... pourquoi c'est inutile pour les autres liens de la page?
Je n'ai pas trouvé pour le point 2 malgré des recherches sur le Web.

Ou est l'explication de cette différence de comportement?
Comment traiter la question?

Je suis nouveau sur le forum et j'espère avoir bien utilisé la mise en forme du code.

Merci pour votre aide.

bsr il manque le href="#" pour que ton lien soit considéré ainsi

Problème soldé.
Le débutant que je suis est surpris qu'une aussi mauvaise syntaxe passe le validation W3C.
Merci.