Attribuer plusieurs styles différents à un même lien : possible ?

Bonsoir,

J'aimerais attribuer plusieurs styles à un seul et même lien. C'est ce qui est fait sur la page d'accueil d'Orange, par exemple (cf screenshot).


J'ai essayé par la technique qui me semble la meilleure (et la seule, lol) :

<a href="#"><span class="style1">lien</span> <span class="style2">textuel</span></a>

Mais ça ne fonctionne pas. Ça ne m'étonne qu'à moitié car il m'avait semblé constater que pour qu'une classe de lien soit prise en compte, il fallait que les balises <span> englobent les balises <a> et non l'inverse. Comme ceci :

<span class="style1"><a href="#">lien</a></span>

Mais alors pourquoi est-ce que ça marche sur le site Orange et pas chez moi ? Doctype ?

Merci d'avance pour votre aide.

bas le span ne pose pas de problème normalement

voici un exemple pour le div topactu

<div id="topactu">
<a href="#">test <span>en couleur</span></a>
</div>

#topactu {
	color:#000; /* couleur du texte */
}
#topactu a {
	color:#F00; /* couleur du lien */
}
#topactu span { /* couleur du lien entre span */
	color:#0FF;
}
#topactu a:hover, #topactu span {
	color:#00F; /* couleur du lien et span au passage de la sourie */
}

Je l'ai tester si sa marche pas c'est que tu as fais une erreur

salut
ton code:

<a href="#"><span class="style1">lien</span> <span class="style2">textuel</span></a>

je l'ai testé avec:

.style1{
color: red;
}
.style2{
color: green;
}

permet bien d'avoir l'effet que tu veux.
peut être qu'il y a une erreur dans le css.
par contre pour ce qui est de :

text-decoration: none;

cet effet ne marche que sur la balise a elle même.

Excellent. Merci beaucoup à vous !

Tout paraît si simple avec vous. En effet, chez moi ça marchait pas.