[css]Lien multicolor

Je suis pas encore très calé en CSS donc j'aurais besoin d'un peu d'aide

Je voudrais avoir un lien qui possède plusieurs couleurs (je sais pas si c'est possible), et aussi que les couleurs soient encore différentes lorsque c'est ce lien du menu qui est selectionné (bon ça c'est bonus !), je m'explique :

Quand il n'est pas selectionné et que la souris n'est pas au dessus :

Citation:

---

Lien

---

Quand la souris est dessus et aussi quand il est selectionné :

Citation:

---

Lien

---

Attention selectionné ne veut pas dire que mon lien a était sélectionné (css: visited) mais que la page affiché correspond à ce lien dans le menu
Je saurais qu'il est selectionné ou pas en changeant la valeur de 'class' grâce à du PHP !


Si franchement quelqu'un pouvais m'éclairer sur comment faire ! ça m'aiderais beaucoup

Merci

Salut,

Pour la partie purement html :

Code:

---

<span class="capitale">L</span><span class="lien">ien</span>

---

Code:

---

<span class="capitale">L</span><span class="lienencours">ien</span>

---

Et comme tu l'as dit, tu changes la class en PHP. Enfin si j'ai bien saisi le problème.

Oui oui je pense que tu as compris mon problème mais j'avais fais quelque chose qui ressemblais à ce que tu me donne comme code sauf que il ne faut pas oublier que je veux un lien
donc il faut que je rajoute la balise <a> et là !!!
soit je perds tout ce que j'écris dans les <span>, vu que j'obtiens le format d'un lien normal,
soit je remplace les <span> par des <a> et là le problème que j'ai est que lorsque je me place seulement sur la 1ère lettre le reste de mon mot ne ce met pas de la couleur souhaité

Code déjà essayé :

Code:

---

1 2 3 4 5 6 7

a.l2:link {color:black; text-decoration:none;} a.l2:visited {color:black; text-decoration:none;} a.l2:hover {color:d70000; text-decoration:none;}   a.l1:link {color:d70000 text-decoration:none;} a.l1:visited {color:d70000; text-decoration:none;} a.l1:hover {color:d70000; text-decoration:none;}

---

Avec en HTML :

Code:

---

<a href="recherche.php" target="milieu" class="l1">R</a><a href="recherche.php" target="milieu" class="l2">echerche</a>

---

Il existe first-letter en CSS2 mais je ne connais pas son implémentation dans les navigateurs.

a priori le first-letter passe sous IE et firefox...