アンカーリンクのテキストのみの色を変更するには？

Question

私はこのようなコードを持っています

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

spanのテキストの色ではなく、アンカータグテキストの色のみを変更したい。 jQueryではなくCSSを使用します。

Answer 1

正しい色が適用されるようにスタイルを作成します。

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

これにより、通常のテキストの色（p）が設定され、リンク内に広がります（a span）を黒にしますが、リンク内の残りのテキストの色を青に設定します。

Answer 2

2つのスタイルを適用する必要があります-1つはタグに、もう1つはスパンタグに適用します。

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