Dans cette exemple d'effet sur les liens en utilisant du Css, les effets sur les  liens du menu gauche, droite ou haut  sont différents  au passage de la souris .

Dans le cas présent, le code du cadre du menu de gauche est :
.cadredumenugauche {
float:left;
text-align:left;
width:150px;
padding:10px;
background-color:#FBFBFF;
border:1px solid #000000; /* cadre menu */
color:#666666;
}
Dans cette exemple, je veux faire en sorte que les liens présent dans ce menu soient différents du reste du site. Je vais donc reprendre simplement le code de base permettant de donner une couleur et de faire un  hover sur les liens,  soit : a:hover { color: red ; text-decoration: underline overline ; } et  a:link {color: #000000 ; text-decoration: underline ;} auquelle j'indique la "class" sur laquelle elle doit s'appliquer , soit .cadredumenugauche .
Ce qui donne à la finale :
.cadredumenugauche a:link {color: red ; text-decoration: underline overline ;} 
.cadredumenugauche a:hover {color: red ; text-decoration: underline overline ;}

Il faut bien sur changer les éléments du style entre {...}pour voir un changement, sinon sa ne sert à rien .
Pour faire la comparaison, voici les "class" du menu gauche de cette page :
.cadredumenugauche a:link {color: red ; text-decoration: underline overline ;}
.cadredumenugauche a:hover {border: 1px solid #000000; color: #00FBFF}

D'autres possibilitées sont envisageable comme le taille et le style de la police d'écriture...