Comportement étrange transition lien

Bonjour,

J'ai un comportement étrange sur une simple transition de couleur qui s'effectue sur les liens.

À chaque rechargement de page dans le navigateur, j’ai la transition qui commence avec la couleur des liens visités.

Pour vous donner un exemple :

Bug :
Rechargement de page -> Bleu -> Transition -> Blanc -> Hover Transition -> Jaune

Résultat espérer :
Rechargement de page -> Blanc -> Hover transition -> Jaune

body {
	font-family: arial;
	background-color: #000;
}

a {
 color: #fff;
 -webkit-transition: 2s;
 -moz-transition: 2s;
 -o-transition: 2s;
 transition: 2s;
}

a:visited, a:active {
 color: #fff;
}
	
a:hover { 
 color: yellow;
}

Merci d'avance pour votre aide.

a:link -> bing is your friend

Merci, mais malheureusement j'ai toujours le même bug.

Je tiens à préciser quand glissant le fichier HTML dans le navigateur tout marche par contre en localhost (Mamp) j'ai toujours le même bug sur Safari et Goolge Chrome, Firefox fonctionne.

À noter que si j'intègre le style css directement dans la page HTML je n'ai plus ce bug...