Modifier lien CSS Visité Hover actif dans la section html

Question

Je veux faire un nuage de mots dynamique et je me demandais s'il existe un moyen de changer la couleur du lien dans ma section html, normalement vous définissez simplement les couleurs des liens dans css quelque chose comme :

.tag_cloud { padding: 3px; text-decoration: none; } 
.tag_cloud:link { color: #0c3569; } 
.tag_cloud:visited { color: #0c3569; } 
.tag_cloud:hover { color: #ffffff; background: #0c3569; } 
.tag_cloud:active { color: #ffffff; background: #0c3569; } 

mais je prévois de faire un nuage de mots étaient chaque mot a une couleur différente, alias lien/visité couleur volonté sera définie dinamicaly, mais est-il un moyen de définir le lien/visité/vol stationnaire/actif en ligne dans le code HTML?

J'imagine que ce pourrait être quelque chose comme ça

<a href="something" style="font:arial; ???"word</a> 

Merci.

Answer 1

Cela ne peut pas être fait en ligne puisque: hover etc. sont des pseudo-sélecteurs css et ne fonctionneront pas en ligne puisque ce n'est pas l'intention.

Mais n'ayez pas peur d'utiliser les classes css - vous aurez besoin de javascript pour que cela fonctionne. Il suffit de définir les classes que vous souhaitez utiliser comme:

.cloud_item_1:link {color:red;} 
.cloud_item_1:visited {color:yellow;} 
.cloud_item_1:hover {text-decoration:underline;} 
.cloud_item_1:active {color:black;} 
.cloud_item_2:link {color:blue;} 
.cloud_item_2:visited {color:orange;} 
... 

Et de les appliquer à votre code HTML comme vous le souhaitez. Pas de gros problème ici.