[Résolu] CSS :visited

Bonjour,
J'ai trouvé ce code.

.sites a{color:black}

var sites = ["https://www.google.com/","https://www.google.fr/","https://mail.yahoo.com/","https://www.amazon.com/","https://twitter.com/","https://www.paypal.com/","https://www.facebook.com"];

function sitesV() {
	for (var i = 0; i < sites.length; i++) {
    		var lien = document.createElement("a");
    		lien.id = "id" + i;
    		lien.href = sites[i];
    		lien.innerHTML = sites[i];

    		document.write('<style type="text/css">');
   		document.write('#id' + i + ":visited {color: #FF0000}");
    		document.write('</style>');

    		document.body.appendChild(lien);
    		var color = document.defaultView.getComputedStyle(lien,null).getPropertyValue("color");
    		document.body.removeChild(lien);

    		var item = document.createElement('li');
    		item.appendChild(lien);
    		document.getElementById('sites').appendChild(item);
    	}
}

<div id="sites"></div>

sitesV();

J'aimerai savoir ce qu'il faut écrire en CSS si on veut seulement que

<a id="id1" href="http://google.com"><p>Google</p></a>

se mette en violet s'il a été visité.

Merci beaucoup !

Salut, tu cherches à faire quoi exactement ?

Parce que le code m'a l'air bien compliqué pour pas grand chose

Quelques remarques en passant :

<div id="sites"></div>

implique que ton css sera avec un # et pas un . donc :

#sites a{color:black}

Ensuite je ne vois pas bien l’intérêt de générer les liens et les styles en boucle à la volet et avec des id.

Globalement on pourrait simplifier avec une classe :

lien.className="test";

#sites .test:visited{color:green}

et en dégageant tout le passage :

document.write('<style type="text/css">');
document.write('#id' + i + ":visited {color: #FF0000}");
document.write('</style>');

Ok, du coup dans ton css cela devrait être simplement :

a:visited{color:purple}

C'est ce que je pensai mais ça ne fonctionne pas.

<a id="id1" href="http://google.com"><p>Google</p></a>

a:visited{color:purple}

Ca ne fait rien.

Hum, ça m'a l'air bizarre le p dans un a m'enfin bon, moi ça marche :
https://jsfiddle.net/t7o5yb3h/ (j'ai mis du vert pour mieux voir la différence)

J'ai trouvé, c'est parce que je lui ai donné un autre style et que je pensai qu'il changerai mais il ne le fait pas.

<a id="id1" class="all" href="http://google.com"><p>Google</p></a>

.all{color:black}
a:visited{color:purple}

Comment faire pour que ça change ?

Merci !

Merci !