Ancora qualcosa nn va.
Attribusco le classi alle parole link poi associo i css, per qualche motivo che nn so il secondo css associato prende il sopravvento anche della parola link che è stata associata precedentemente al primo css e nn so spiegarmi perchè si instaura questa gerarchia arbitrariamente.
Riposto il codice

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="file:///Macintosh HD/Users/monica/Desktop/provacss/classekilo.css" rel="stylesheet" type="text/css">
<link href="file:///Macintosh%20HD/Users/monica/Desktop/provacss/classetifon.css" rel="stylesheet" type="text/css">
</head>

<body>

</a> <a href="file:///Macintosh%20HD/Users/monica/Desktop/provacss/app_25lug_1A.jpg" class="kilo">irenegrandi
</a> <a href="file:///Macintosh%20HD/Users/monica/Desktop/provacss/app_25lug_2A.jpg" class="tifon">veronicapivetti
</a>
</body>
</html>

riporto anche il codice dei css

.tifon {

}

a:link {
color : fuchsia;
text-decoration : none;
}

a:hover {
color : purple;
text-decoration : none;
}

a:visited {
color : red;
text-decoration : none;
}


.kilo {

}

a:link {
color : green;
text-decoration : none;
}

a:hover {
color : lime;
text-decoration : none;
}

a:visited {
color : olive;
text-decoration : none;
}