css - アンカーリンクのテキストのみの色を変更するにはどうすればよいですか？

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 つは a タグに、もう 1 つは span タグに適用します。

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

Answer 3

アンカー用の CSS があると仮定しています。アンカー内のスパン用に 2 つ目の CSS を作成してみませんか?

a span {color:#000000;}