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

Question

私はspanでアンカータグのテキストの色だけではなく、テキストの色を変更したいこの

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

のようなコードを持っています。 jQueryではなくCSSを使用しています。

Answer 1

正しい色が適用されていることを確認するためにスタイルを作成する：

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

それの色を設定し、一方、これは、通常のテキスト（p）の色を設定し、黒に内側リンク（a span）にまたがります残りのテキストは青色のリンクで表示されます。

Answer 2

あなたは、2つのスタイルに適用しなければならない - あなたのspanタグにあなたのタグと1に1を：

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

Answer 3

私はあなたがアンカーのためのCSSを持っていると仮定しています。 アンカー内のスパンに対して2番目のCSSを作成しないのはなぜですか？

a span {color:#000000;}