Lien html dans le css

Bonjour à tous
je boss sur un wordpress actuellement
dans le menu j'ai rajouté un btn pour lire un article au hasard (ça se passe dans header.php) puis je l'arrange avec du css
mais par contre je n'arrive pas à lui faire prendre les couleurs que je lui ai donné
voici mes tests :

#random {
    display: inline-block;
    float: left;
    margin-top: -21px;
    padding: 10px;
}
.hasard a:link {
text-decoration:none; 
color:#999999;
}
.hasard a:hover {
color:#00aad5;
}
.hasard a:active {
color:#00aad5;
}
.hasard a:visited {
color:#999999;
}

pour info dans le header.php j'ai ça :

<div id="random" class="hasard">
<?php random_post_link('AU HASARD ?'); ?>
</div>

le texte est bien gris clair, pas souligné (parfait) mais ne devient pas bleu quand je passe dessus.
quelqu'un peut-il m'aider ?
merci beaucoup
Modifié par 6l20 (16 Dec 2014 - 15:01)

Salut,


Je t'invite à lire cet article alsacréations : Comment définir l’apparence de ses liens?
Dont la première partie "Ordre des déclarations" (SPOIL : link visited hover focus active)

Bonjour,

Pensez à utiliser les balises de colorisation syntaxique pour présenter vos codes afin d'en faciliter la lecture
Y a t-il moyen de voir le site en ligne (ce serait l'idéal pour déceler un éventuel problème ou des interactions malheureuse dans votre feuille de styles) ou à défaut de voir le code généré ?

@_laurent : bien vu

Ca me fait penser à un truc mnémotechnique à ce propos :

LoVe Fuck HAte
1 :Link
2 :Visited
3 :Focus
4 :Hover
5 :Active

Je vous épargne la traduction mais cela défini l'ordre de déclaration du style des liens.
Modifié par Greg_Lumiere (16 Dec 2014 - 14:22)

_laurent a écrit :
Salut,


Je t'invite à lire cet article alsacréations : Comment définir l’apparence de ses liens?
Dont la première partie "Ordre des déclarations" (SPOIL : link visited hover focus active)

top
en fait il s'agissait juste une histoire d'ordre...
merci beaucoup ça fonctionne
j'avais chopé le mauvais ordre sur un autre forum

Greg_Lumiere a écrit :
Ca me fait penser à un truc mnémotechnique à ce propos :
mais cela défini l'ordre de déclaration du style des liens.

Comme mentionné dans l'article cité par laurent, sans la petite note graveleuse