Comment changer la couleur du texte du lien d'ancrage uniquement?

Question

J'ai un code comme celui-ci

<a href="#" title="some title">
  <span>Do not change color of this text</span>
  Want to only change this text color
</a>

Je souhaite modifier la couleur du texte de la balise d'ancrage uniquement, pas la couleur du texte dans span. Utiliser CSS et non jQuery.

Answer 1

Créez un style pour vous assurer que les bonnes couleurs sont appliquées:

a {
    color: #00f;
}
p, a span {
    color: #000;
}

Cela définit la couleur du texte normal (p) et s'étend à l'intérieur des liens (a span) au noir, tandis qu'il définit la couleur du reste du texte des liens sur le bleu.

Answer 2

Vous devez appliquer deux styles - un à votre balise a et un à votre balise span:

a {color:#000000; /*new colour*/}
a span {color:#aaaaaa; /*originalcolour*/}