L'identifiant du nuage est 'tag-cloud' et les mots-clés sont des liens de classe t1 (pour les plus "petits") à t10 ("grands").

Les propriétés par défaut dans la feuille de styles de base :

#tag-cloud {
    font-size: 19px;
    text-align: center;
}
#tag-cloud a.t1, #tag-cloud a.t1:hover {
    font-size: 60%;
}
#tag-cloud a.t2, #tag-cloud a.t2:hover {
    font-size: 65%;
    font-weight: bold;
}
#tag-cloud a.t3, #tag-cloud a.t3:hover {
    font-size: 75%;
}
#tag-cloud a.t4, #tag-cloud a.t4:hover {
    font-size: 80%;
    font-weight: bold;
}
#tag-cloud a.t5, #tag-cloud a.t5:hover {
    font-size: 90%;
}
#tag-cloud a.t6, #tag-cloud a.t6:hover {
    font-size: 95%;
    font-weight: bold;
}
#tag-cloud a.t7, #tag-cloud a.t7:hover {
    font-size: 100%;
}
#tag-cloud a.t8, #tag-cloud a.t8:hover {
    font-size: 105%;
    font-weight: bold;
}
#tag-cloud a.t9, #tag-cloud a.t9:hover {
    font-size: 110%;
}
#tag-cloud a.t10, #tag-cloud a.t10:hover {
    font-size: 115%;
    font-weight: bold;
}



Les propriétés par défauts seront "écrasées" par votre nouvelle feuille de style.
Donc en CSS  pour changer (par exemple) les couleurs, il faudra rajouter les lignes #tag-cloud a.tX ainsi que leurs nouvelles propriétés:
Attention: N'oubliez pas les accolades {} et les points-virgules, ils sont vitales (on ne le répètera jamais assez)

#tag-cloud a.t1 { color:red; }
#tag-cloud a.t1:hover { color:blue; }


jusqu'à

#tag-cloud a.t10 { color:yellow; }
#tag-cloud a.t10:hover { color:green; }

Cet article vous a été proposé par LateLament entertainment